Feature 14 — Text splitting

Manifeste
de la danse

Scrollez lentement — chaque lettre ou mot s'anime au moment où il entre dans l'écran. Choisissez un style d'animation en haut, puis cliquez "Rejouer" pour le revoir depuis le début.

Le corps ne ment pas.

Danser, c'est risquer la lisibilité du geste. C'est accepter d'être vu dans l'effort, dans le doute, dans la précision fragile d'un équilibre. La scène n'est pas une vitrine — c'est un espace de vérité partagée entre le corps qui bouge et le regard qui reçoit.

Présence — Risque — Espace — Temps — Silence — Corps — Geste

La scène n'appartient à personne.

Chaque représentation est unique — irremplaçable. Le danseur ne reproduit pas : il réinvente. La mémoire du corps n'est pas un stockage mais une pratique. Revenir chaque soir, recommencer, approfondir.

30ms
Délai entre chaque lettre
4
Styles d'animation
0
Librairie externe

La lettre
comme unité

Le text splitting enveloppe chaque caractère ou mot dans un <span> individuel — ce qui permet de les animer indépendamment avec CSS et un délai progressif. Aucune librairie externe : du DOM pur et des @keyframes.

L'effet "rise" (remontée depuis le bas) est le plus répandu sur les sites de luxe et de mode — il donne une impression de matière et de poids au texte.

Note technique

Chaque span reçoit un animation-delay = index × 30ms. Un IntersectionObserver ajoute la classe anim-{mode} au scroll. Pour l'effet "rise", le parent nécessite overflow: hidden pour masquer les lettres avant leur entrée — sinon elles apparaissent sous la ligne.