vonstach System · Katalog
Spezialeffekte
Vier Grundrisse, aufsteigend nach technischem Risiko. Sparsam einsetzen — eine Effekt-Sektion pro Seite, nie mehrere gleichzeitig. `prefers-reduced-motion` kann über den Stylesheet-Import nicht gebaut werden; die Skripte prüfen es stattdessen zur Laufzeit selbst.
Cursor-Lichtkegel
.vs-fx-spotlight
Technik vom Beni-Hero wiederverwendet, hier als Content-Sektion statt Hero
Spezialeffekt
Bewegen Sie die Maus über den Text.
14 Jahre Erfahrung. Über 800 Dächer. Eine Werkstatt, die nie schließt.
14 Jahre Erfahrung. Über 800 Dächer. Eine Werkstatt, die nie schließt.
Magnet-Knopf
.vs-fx-magnetic-cta
Ein Knopf folgt der Maus in kleinem Radius, kleinster Eingriff ins Layout
Spezialeffekt
Ein Knopf, der reagiert
Bewegen Sie die Maus über den Knopf.
Scroll-Text-Reveal
.vs-fx-reveal-type
Überschrift blendet wortweise ein, sobald sie ins Bild scrollt
Spezialeffekt
Gutes Handwerk braucht keine großen Worte — nur verlässliche.
Scroll-Maskenreveal
.vs-fx-mask-reveal
Text wird beim Scrollen von links nach rechts aufgedeckt, an den Scroll-Fortschritt gekoppelt
Spezialeffekt
800 Dächer eingedeckt.
Scrollen Sie, um den Text aufzudecken.