Sliced Text

El texto tiembla con cortes desplazados y separaciones de color rojo y cian, como una señal averiada.

Añade un efecto hover "Glitch Text" (también llamado text glitch o RGB split glitch) en [dónde].
Mientras el puntero esté sobre el texto, debe temblar en ráfagas rápidas y secas: finas franjas horizontales saltan de lado y dos copias de color se separan como una señal averiada, y luego vuelve a su sitio cuando el puntero se va.
Deja el texto real una sola vez en el documento para que los lectores de pantalla no lean las copias, y muestra el mismo efecto con el foco del teclado.

Grandes líneas de texto se deslizan en horizontal mientras la página se desplaza en vertical.

Añade un "Text Marquee on Scroll" (también llamado scroll text marquee o scroll velocity text) en [dónde].
Grandes líneas de texto deben deslizarse de lado al bajar por la página, con filas alternas moviéndose en direcciones opuestas, y volver atrás al subir.
Vincula el movimiento a la posición del scroll, evita que las líneas largas creen una barra de desplazamiento horizontal y mantenlas quietas si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Las letras de un título se barajan o se mueven en secuencia a medida que el usuario recorre las secciones con el scroll.

Añade "Scrolling Letters" (también llamado on-scroll letter animations) en [dónde].
A medida que el usuario recorre las secciones con el scroll, las letras del título deben girar hacia su siguiente carácter una tras otra de izquierda a derecha, ligadas directamente a la posición del scroll.
Al volver hacia arriba deben girar de vuelta, y los lectores de pantalla deben recibir el título actual como texto normal.

El texto se dispone alrededor de un círculo que gira sin parar.

Añade "Spinning Text" (también llamado circular text o text on circle) en [dónde].
Las letras deben repartirse de forma uniforme alrededor de un círculo que gira lento y constante, sin salto cuando el bucle vuelve a empezar.
Da el texto a los lectores de pantalla una sola vez como texto normal y detén la rotación si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un título se divide en caracteres, palabras o líneas que se animan una tras otra con un pequeño retraso.

Añade una entrada "Split Text Stagger" (también llamada letter stagger o staggered text reveal) en [dónde].
Divide el título en letras que suban y aparezcan una tras otra con un breve retraso entre ellas, rápido y suave, sin rebote.
Reprodúcela una sola vez cuando el título entre en pantalla, haz que los lectores de pantalla lo lean como una sola palabra y muéstralo sin movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Los caracteres giran como en un panel de salidas de aeropuerto hasta quedarse en la letra final.

Añade un efecto "Split-Flap Text" (también llamado text flipping board o flip board) en [dónde].
Cada casilla de carácter debe pasar rápidamente por el alfabeto hasta quedarse en su letra final, y las casillas deben ir asentándose una tras otra de izquierda a derecha.
Ejecútalo una vez cada vez que el texto aparezca o cambie, anuncia solo el texto final a los lectores de pantalla y muestra el texto final sin giros si el usuario prefiere movimiento reducido (prefers-reduced-motion).