Ursprung · Transformationspunkt

Mit *parallax-origin-* bestimmst du den ursprung von Zoom-, Rotations- und Bewegungseffekten – präzise Steuerung des Transformationspunkts für jede Parallax-Ebene

Ursprung – Ausgangspunkt jeder Bewegung

Der Effekt parallax-origin-* definiert, von welchem Punkt aus SmartParallax Transformationen berechnet.
Standardmäßig liegt der Ursprung in der Mitte (center center),
doch durch eigene Werte wie top-left, bottom-right oder center-right kannst du bestimmen,
woher Zoom, Drehung oder Bewegung visuell starten.
Damit steuerst du nicht nur Richtung, sondern auch Wahrnehmung der Tiefe.

Ursprung – Ausgangspunkt jeder Bewegung

`parallax-origin-top-left`	Ursprung oben links
`parallax-origin-top`	oben zentriert
`parallax-origin-top-right`	oben rechts
`parallax-origin-center-left`	Mitte links
`parallax-origin-center`	Standardwert
`parallax-origin-center-right`	Mitte rechts
`parallax-origin-bottom-left`	unten links
`parallax-origin-bottom`	unten zentriert
`parallax-origin-bottom-right`	unten rechts

füge einfach die Class „parallax-origin-*“ ganz am Ende hinzu

<div class="parallax-image parallax-rotate-10-r <code>parallax-origin-top-right</code>">
  
</div>

Wirkung von parallax-origin-top-right

In diesem Besipiel verwenden wir:

parallax-
parallax-x
parallax-zoom-
parallax-rotate-
parallax-origin-top-right

Deinen Ideen sind keine Grenzen gesetzt

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

Gestaltung und Einsatz

Zoom-Effekte: durch parallax-origin-top-left wirkt das Skalieren wie ein Einblenden aus der Ecke.
Drehungen: parallax-origin-bottom-right erzeugt visuelle Spannung bei Logos oder Symbolen.
Bewegungseffekte: kombinierbar mit parallax-(--XX) für gerichtete Animationen.

So erhält jede Parallax-Ebene ihren eigenen räumlichen Bezugspunkt.