Christopher Martin
Webdesign und
Content Management in
Frankfurt am Main

Column Parallaxer

Bei diesem Web-Experiment werden vier Spalten per Zufallsgenerator mit je 4 bis 20 Quadraten befüllt. Dann werden sie vermessen und per scale() und translate3d() manipuliert, sodass sich beim normalen Scrollvorgang jede Spalte in angepasster Geschwindigkeit verschiebt und am Seitenende die letzten Quadrate wieder bündig abschließen.

Die erforderlichen Berechnungen werden per JavaScript gemacht, die eigentliche Parallax-Verschiebung dann aber allein über CSS realisiert.

Kompatibel mit Firefox, Chome und Safari. Demoseite