Fade Up
Klassiker für Textblöcke. 24 px Versatz, 600 ms Dauer, ease-out.
Scroll Reveal
Elemente blenden gestaffelt ein, sobald sie den Viewport erreichen.
Motion Design
Reveal on Scroll
IntersectionObserver statt scroll-listener – nur sichtbare Elemente animieren, Rest pausiert.
Slide Side
Seitliches Einschweben für Feature-Grids und Testimonials.
Zoom In
Skaliert von 0.9 auf 1 – ideal für Bilder und Badges.
Blur Focus
Unschärfe löst sich auf – sehr filmisch wirkt es bei Portraits.
Scroll weiter – die Leiste spiegelt den Reveal-Fortschritt.
„Bewegung ist die stille Sprache der Oberfläche.“— Snapsta Motion Guide
Performance first
Animiert werden ausschließlich transform und opacity. Kein Layout-Thrashing,
60 fps auch auf schwacher Hardware. Nach einmaligem Einblenden wird der Observer gekoppelt.
CSS
JS
SVG
Canvas
WebGL
ARIA