Die Startseite

Der Header ist ein praktisches Beispiel für Parallax Design. Unter Parallax Design versteht man im Webdesign in der Regel Parallax Scrolling. Verschiedene Elemente bewegen sich beim scrollen auf verschiedenen Ebenen mit unterschiedlicher Geschwindigkeit.

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

Beobachten Sie beim Scrollen den Vogelschwarm im Hintergrund, die beiden grösseren Vögel unten und den Raubvogel. Alles bewegt sich beim scrollen mit unterschiedlicher Geschwindigkeit. Auch das Hintergrundbild bewegt sich beim scrollen, aber etwas langsamer.

Vielen Dank an tonytextures.de » für die kostenlosen Vogelschwärme.