Effetti di testo
Un titolo che si rompe, appare, si ombreggia o si ricompone mentre si scorre. Nove effetti, tutti in CSS: il JavaScript serve solo a spezzare il testo in lettere e a far girare le animazioni quando sono in vista.
Glitch
Neon rotto
LOOP
Al passaggio
Passa sopra o tocca
Comparsa
benvenuto nel loop
Segnale disturbato
Segnale
Altri effetti
Ombra sfumata
Ombra
Lettere impilate
Passa sopra o tocca
Barre che entrano
Si ricompone scorrendo
Il senso nasce una lettera alla volta.
Il tuo browser non anima lo scorrimento: il testo è già composto.
Giro dopo giro
Il tuo browser non anima lo scorrimento: il testo è già composto.
Le due ultime schede usano le scroll-driven animations (animation-timeline: view(), legata alla posizione del riquadro nella finestra)
e proprietà registrate con @property: niente JavaScript per il movimento. Dove il
browser non le conosce il testo resta composto. Con il movimento ridotto tutti gli effetti
si fermano sul risultato finale.