Parallax, unterschiedliche Scroll-Geschwindigkeit

Parallax, unterschiedliche Scroll-Geschwindigkeit

2-Spalter mit Parallax-Effekt

Was bedeutet »Parallax«?

Wenn sich einzelne Ebenen einer Website unterschiedlich schnell bewegen, entsteht beim Betrachter der Eindruck von Tiefe. Wir kennen den Effekt aus der physischen Welt, wenn wir etwa beim Zugfahren aus dem Fenster schauen. Nahe Objekte wie Menschen oder Häuser scheinen sich dann deutlich schneller zu bewegen als weit entfernte Objekte wie ganze Wälder oder Berge. Überträgt man diesen Effekt in die virtuelle Welt des Webdesigns, nennt man das Parallax Scrolling.

(Quelle: t3n von yeebase media GmbH)

 

Rechte Spalte

Etiam ullamcorper arcu eu ornare finibus. Aliquam erat volutpat. Nunc in nulla erat? Sed sit amet egestas lorem. Sed venenatis vel ipsum et sagittis? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed felis lorem, vulputate eu sodales vel, pharetra eu ligula. Mauris tempor lobortis odio ut condimentum. Donec nec pellentesque lacus. Duis aliquam mollis eros in ornare. Nulla convallis, ipsum nec lobortis condimentum, odio nunc malesuada dolor, fermentum porttitor sem ex vel metus.

 

Linke Spalte

Fusce hendrerit imperdiet mi, vitae vehicula dolor venenatis vel. Proin non lorem tempus diam convallis faucibus. Aenean a leo lacus. Donec tincidunt dolor et libero malesuada, id imperdiet libero dignissim. Nam tempor rutrum arcu, in consectetur neque feugiat in. Suspendisse magna tortor, viverra sit amet molestie in, ultricies id diam. Nullam ultricies laoreet placerat. Morbi ornare sed quam rutrum pellentesque. Integer placerat, ipsum in auctor maximus, sapien dui posuere justo, ac consequat lectus purus et metus. Vivamus ut dolor a mi semper elementum sit amet eget ex! Nam dictum sollicitudin ante quis feugiat. Proin non erat et libero dictum hendrerit et quis nunc. Praesent bibendum mauris ipsum, ut pharetra velit fermentum eget. Fusce euismod vehicula sapien ut volutpat. Donec vel enim diam. Maecenas vel fringilla leo!

 

Rechte Spalte

Etiam ullamcorper arcu eu ornare finibus. Aliquam erat volutpat. Nunc in nulla erat? Sed sit amet egestas lorem. Sed venenatis vel ipsum et sagittis? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed felis lorem, vulputate eu sodales vel, pharetra eu ligula. Mauris tempor lobortis odio ut condimentum. Donec nec pellentesque lacus. Duis aliquam mollis eros in ornare. Nulla convallis, ipsum nec lobortis condimentum, odio nunc malesuada dolor, fermentum porttitor sem ex vel metus.

 

innere Box wg. Hintergrundfarbe oder -bild

Was bedeutet »Parallax«?

Wenn sich einzelne Ebenen einer Website unterschiedlich schnell bewegen, entsteht beim Betrachter der Eindruck von Tiefe. Wir kennen den Effekt aus der physischen Welt, wenn wir etwa beim Zugfahren aus dem Fenster schauen. Nahe Objekte wie Menschen oder Häuser scheinen sich dann deutlich schneller zu bewegen als weit entfernte Objekte wie ganze Wälder oder Berge. Überträgt man diesen Effekt in die virtuelle Welt des Webdesigns, nennt man das Parallax Scrolling.

(Quelle: t3n von yeebase media GmbH)



Was bedeutet »Parallax«? (Kopie 1)

Wenn sich einzelne Ebenen einer Website unterschiedlich schnell bewegen, entsteht beim Betrachter der Eindruck von Tiefe. Wir kennen den Effekt aus der physischen Welt, wenn wir etwa beim Zugfahren aus dem Fenster schauen. Nahe Objekte wie Menschen oder Häuser scheinen sich dann deutlich schneller zu bewegen als weit entfernte Objekte wie ganze Wälder oder Berge. Überträgt man diesen Effekt in die virtuelle Welt des Webdesigns, nennt man das Parallax Scrolling.

(Quelle: t3n von yeebase media GmbH)