lab Home
06

Scramble text — lettres qui se brouillent au survol

GSAP / ScrambleText

Chargement de la démo…

Survolez (ou parcourez au clavier) les entrées du menu.

Un menu ou des liens au caractère « code / tech » qui donnent envie de survoler chaque entrée.

Intensité
Performance
Léger
Mobile
Se joue au toucher ; le titre se brouille au chargement.
Accessibilité
Texte statique.
Idéal pour
Tech / SaaSCybersécuritéMusique / labelGaming

Featured :

  1. 1.Plugin officiel, gratuit depuis GSAP 3.13 : gsap.to(el, { scrambleText: { text, chars: 'upperCase', speed: 0.6 } })
  2. 2.Texte d’origine gardé en data-text pour toujours revenir à la bonne valeur
  3. 3.Déclenché sur mouseenter et focus pour la navigation clavier, avec overwrite: true
  4. 4.Largeur figée en font-variant-numeric: tabular-nums + police mono pour éviter que la ligne saute
Next