Parallax-Ebenen
Drei Tiefenebenen im Hero reagieren auf Maus und Scroll – jede mit eigener Geschwindigkeit.
Interactive Playground
WIR KÖNNEN AUCH SO.
Jeder Pixel dieser Seite bewegt sich. Absichtlich.
Das hier ist kein Vorbild für Kundenprojekte – es ist unser Spielplatz. Klick irgendwo hin. Beweg die Maus. Scroll. 🎛️
Was hier gerade passiert
Fahr mit der Maus über die Karten – sie kippen in 3D und leuchten dort, wo der Cursor ist.
Cursor-Trail
Partikel folgen deiner Maus über die ganze Seite – gerendert auf einem eigenen Canvas.
Klick-Explosionen
Jeder Klick irgendwo auf der Seite löst eine kleine Partikel-Explosion aus. Probier's aus.
3D-Tilt + Glow
Diese Karten kippen perspektivisch zur Mausposition und tragen einen wandernden Lichtpunkt.
Sound-Feedback
Dezente Klick- und Hover-Sounds, per WebAudio synthetisiert – kein einziges Audio-File. Standardmäßig stumm (oben rechts aktivieren).
Easter Egg
Irgendwo versteckt sich ein Klassiker. Tipp: ↑ ↑ ↓ ↓ ← → ← → B A …
0
Effekte auf dieser Seite
0
davon für Kundenseiten nötig
0
% handgeschrieben, 0 Frameworks
0
Konfetti-Explosionen (deine!)
Scroll-Kettenreaktion
Diese Schritte fliegen nacheinander ein – gestaffelt über transition-delay.
- 1 Du scrollst.
- 2 Ein IntersectionObserver merkt es.
- 3 CSS-Klassen kippen um.
- 4 Transitions übernehmen die Arbeit.
- 5 Du bist (hoffentlich) beeindruckt. ✨
GENUG GESEHEN?
So etwas bauen wir auch in dezent. Die seriöse Version gibt's einen Klick entfernt.