Line Shadow Text

Un mot est dupliqué en de nombreuses copies empilées qui se décalent au défilement.

Ajoute un effet « Text Repetition » (aussi appelé repeated text scroll) sur [où].
Un mot doit être copié en une pile de copies en contour plus pâles qui se déploient depuis l’arrière au fil du défilement, puis se replient quand on remonte.
Lie le déploiement directement à la position de défilement et masque les copies supplémentaires aux lecteurs d’écran pour que le mot ne soit lu qu’une fois.

Le texte tressaute avec des tranches décalées et des séparations de couleur rouge et cyan, comme un signal brouillé.

Ajoute un effet de survol « Glitch Text » (aussi appelé text glitch ou RGB split glitch) sur [où].
Tant que le pointeur survole le texte, il doit tressauter par à-coups vifs et secs : de fines tranches horizontales sautent de côté et deux copies colorées se séparent comme un signal brouillé, puis tout se remet en place quand le pointeur s’en va.
Ne garde le vrai texte qu’une seule fois dans le document pour que les lecteurs d’écran ne lisent pas les copies, et affiche le même effet au focus clavier.

Les lettres se remplissent d’un liquide qui monte en ondulant.

Ajoute un effet « Liquid Fill Text » (aussi appelé water fill text) sur [où].
Les lettres détourées doivent se remplir d’un liquide dont la surface ondulée roule latéralement pendant que le niveau monte et descend lentement, en boucle douce et continue.
Garde le mot disponible en texte réel pour les lecteurs d’écran, et fixe le liquide à un niveau immobile si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Le texte glisse vers le haut depuis derrière une ligne de découpe, comme s’il surgissait de nulle part.

Ajoute une entrée de texte « Mask Reveal » (aussi appelée line mask reveal ou text masking) sur [où].
Chaque ligne doit glisser vers le haut depuis derrière un bord invisible, comme si elle surgissait de nulle part, l’une après l’autre, rapide et fluide, sans rebond.
Joue-la une seule fois quand le texte entre à l’écran au défilement, et affiche le texte tout de suite, sans mouvement, si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Des caractères verts tombent en colonnes, comme la pluie de code de Matrix.

Ajoute un effet « Matrix Text » (aussi appelé digital rain text) sur [où].
Des colonnes de caractères doivent tomber régulièrement à des vitesses légèrement différentes, chacune avec un caractère de tête lumineux et une traîne qui s’estompe derrière.
Traite-le comme une décoration masquée aux lecteurs d’écran, garde-le léger et arrête-le si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).