Parallax-Scrolling

21.03.2014

Mit Hilfe von Inhaltscontainern lassen sich unterschiedlichste Parallax-Effekte per Drag & Drop erstellen. Sowohl Hintergrundbilder als auch Inhalte selbst können in verschiedene Richtungen mitgescrollt werden.

Für scrollbare Hintergründe und Inhalte gibt es jeweils eine CSS-Only-Variante der Inhaltsbox. Die Scroll-Richtung selbst lässt sich dann im Editor abhängig von der Variante einstellen. Während scrollbare Inhalte beim Scrollen von rechts oder links eingefahren werden können, lassen sich Hintergründe in 8 Richtungen mitscrollen. Ähnliche Effekte lassen sich übrigens auch durch CSS-Only-Varianten der Box erzielen, welche CSS3-Transition nutzen.

Auf folgender Seiten finden Sie Parallax-Demos und CSS-Only-Varianten für die Inhaltsboxen:

http://weblics.de/wDeutsch/demo/parallax.php
http://weblics.de/wDeutsch/weblics/container.box.php