Parallax07

parallax_group intro_screen

Diese Gruppe „#intro“ hat keine definierte Höhe. Die Höhe richtet sich nach dem Content. Sie hat nur padding top und bottom. Für alle Abschnitte („groups“), bei denen sich die Höhe nach dem Content richten soll, wird die CSS-Klasse „.parallax_group“ durch „.parallax_group_no_height“ ersetzt. Die Gruppen mit .parallax_layer_centered haben einen per CSS Flexbox horizontal und vertikal zentrierten Inhalt. Die Gruppen mit .parallax_layer haben nur position: absolute; und inset: 0;

Es sollte möglichst viel im Backend entwickelt werden. So ist wahrscheinlicher, dass im Backend auch alles richtig dargestellt wird. Es ist schon passiert, dass manche Elemente (Headlines und Absätze) nicht mehr erreichbar waren.

3 Spalten in Parallax

Dies ist die linke Spalte in einem Dreispalter. Cras dapibus vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor euconsequat vitae, eleifend acenim. Aliquam lorem ante, dapibus inviverra quis, feugiata, tellus.

Dies ist die mittlere Spalte in einem Dreispalter. Cras dapibus vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor euconsequat vitae, eleifend acenim. Aliquam lorem ante, dapibus inviverra quis, feugiata, tellus.

Dies ist die rechte Spalte in einem Dreispalter. Cras dapibus vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor euconsequat vitae, eleifend acenim. Aliquam lorem ante, dapibus inviverra quis, feugiata, tellus.

g1 parallax_layer base_layer

g1 parallax_layer mid_layer

g2 parallax_layer mid_layer

g2 parallax_layer top_layer

parallax_group outro_screen