Tiefe · Zoom-Effekte

Entdecke, wie parallax-zoom-(–XX) Tiefe und Raumgefühl erzeugt – durch präzise skalierte Zoom-Bewegungen beim Scrollen.

Tiefe – Zoom-Effekte für räumliches Scroll-Design

Mit parallax-zoom-(--XX) erzeugst du Tiefe und Dimension.
Während normale Parallax-Bewegungen Elemente verschieben, verändert dieser Effekt die Skalierung – ein sanftes Hinein- oder Herauszoomen beim Scrollen.
So entsteht eine realistische Raumwirkung, die Inhalte plastischer erscheinen lässt.
Der Effekt kann auf jedes parallax-image oder parallax-container angewendet werden.

Zoom-Richtung und Wirkung

Die Intensität der Verschiebung ergibt sich aus der Zahl hinter parallax-.
Je größer der Wert, desto stärker der seitliche Versatz.

parallax-zoom-04

skaliert von 0.7 – 1.3

parallax–zoom-03

skaliert von 1.3 – 0.7

Je nach Wert (01–10) wird der Effekt sanft oder intensiv – kleine Werte erzeugen subtile Tiefe, große eine markante Raumverzerrung.

<div class="parallax-image parallax-zoom-03">
  
</div>

Wirkung von parallax-zoom in verbindung mit parallax-

Deinen Ideen sind keine Grenzen gesetzt

P A R A L L A X S M R T

Gestaltung und Einsatz

Hero-Sektionen: leichtes Zoom-In für filmische Dynamik.
Background-Images: sanftes Zoom-Out für Tiefenbalance.
Zwischensektionen: Wechsel zwischen In- und Out-Zoom für lebendige Übergänge.

Der Zoom reagiert direkt auf die Scrollbewegung – natürlich, weich und präzise.