Parallax Templates

Hier stelle ich Templates im Parallax Design vor. Unter Parallax Design versteht man im Webdesign in der Regel Parallax Scrolling. Verschiedene Ebenen bewegen sich beim scrollen mit unterschiedlicher Geschwindigkeit, dadurch entsteht ein räumlicher Effekt. Auch das Hintergrundbild bewegt sich beim scrollen, aber etwas langsamer.

Alle Parallax Effekte sind ausschliesslich mit CSS umgesetzt, sie benötigen keine zusätzliche Scriptsprache wie Javascript & Co. Die Herausforderung bestand darin, die Parallax Effekte responsiv zu gestalten, so dass sie in horizontalen Bildschirmauflösungen ab 320px funktionieren, also vom Smartphone hochkant bis zum Widescreen am PC.

Damit die Besucher nicht genervt werden, ist die volle Parallax Show nur auf den Startseiten zu sehen. Auf den anderen Seiten wird die Höhe des Headers durch den Seitentitel erzeugt.