PLAYGROUND

// beweg die maus · scroll nach unten

scroll ↓
02 · scroll reveal

Wort für Wort

Bewegung ist keine Deko. Sie führt das Auge, gibt Rhythmus und macht eine Seite lebendig — wenn man sie dosiert einsetzt.

03 · horizontal pin
01

Pin &
Scrub

Die Sektion bleibt stehen, während du seitlich durch die Panels fährst.

02

GSAP
ScrollTrigger

Ein Tween, an den Scroll gekoppelt. Vor- und zurückspulen mit dem Mausrad.

03

Neon
Gradients

Jedes Panel eine andere Farbe aus der Palette.

04

Smooth
via Lenis

Das weiche Scroll-Gefühl trägt die ganze Seite.

04 · 3d tilt + spotlight

Fass mich an

Karten mit Tiefe

Tilt

Neigt sich zur Maus in 3D.

Spotlight

Licht folgt dem Cursor.

Glow

Neon-Rand beim Hovern.

Parallax

Inhalt schwebt über der Karte.

Depth

Mehrere Ebenen, echte Tiefe.

Snap

Federt sanft zurück.

05 · magnetic + interactive

Zieh dran

Magnetische Buttons

Sie weichen dem Cursor aus und federn zurück.

klick irgendwo hier rein → ripple
MOTIONDESIGNTHREE.JSGSAPLENISWEBGL MOTIONDESIGNTHREE.JSGSAPLENISWEBGL

DAS WAR
NUR DER ANFANG

// alle effekte in einer datei · öffne den quelltext