Morphing Text

Una palabra de la frase se cambia por la siguiente de una lista con un deslizamiento, un giro o un fundido.

Añade un efecto "Word Rotate" (también llamado rotating words o flip words) en [dónde].
Una palabra de la línea debe deslizarse hacia arriba y salir mientras la siguiente palabra de una lista entra desde abajo, deteniéndose en cada palabra antes del siguiente cambio.
Evita que el resto de la línea salte cuando las palabras tengan anchos distintos, no hagas que los lectores de pantalla anuncien cada cambio y detén la rotación si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El texto existente sale con una animación y se reemplaza por un contenido nuevo.

Añade un efecto "Text Replacement" (también llamado text swap) en [dónde].
Cuando cambie el texto, los caracteres antiguos deben deslizarse hacia arriba y salir mientras los nuevos entran desde abajo, carácter a carácter, en una onda rápida y suave.
Evita que la caja del texto cambie de tamaño de golpe durante el cambio y anuncia solo el texto nuevo a los lectores de pantalla.

El elemento empieza muy desenfocado y se va enfocando, a menudo mientras se desliza o aparece.

Añade una animación de entrada "Blur In" (también llamada text focus in, focus in o blur text reveal) en [dónde].
El contenido debe empezar muy desenfocado y transparente, y luego enfocarse en su sitio: suave y más bien lento, sin desplazamiento.
Reprodúcela una sola vez y muestra el texto nítido de inmediato si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Las formas cercanas se funden entre sí como gotas líquidas mediante un filtro de desenfoque y contraste.

Añade un "Gooey Effect" (también llamado goo effect o metaballs) en [dónde].
Al pasar el puntero por encima, unas gotas pequeñas deben separarse de la forma principal estirándose como líquido antes de soltarse, y volver fluyendo para fundirse con suavidad cuando el puntero se va.
Aplica el filtro de desenfoque y contraste solo al pequeño grupo de formas, no a toda la página, y muestra el mismo efecto con el foco del teclado y al tocar.

El texto brilla como un tubo de neón y parpadea o late.

Añade un efecto "Neon Glow Text" (un texto neón, también llamado neon sign flicker o glowing text) en [dónde].
El texto debe brillar como un tubo de neón con una luz suave y constante y, de vez en cuando, apagarse un instante como un letrero real.
Que el parpadeo sea ocasional y no rápido, porque los destellos rápidos pueden hacer daño a algunos usuarios, y mantén el brillo fijo 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.

Un brillo recorre las letras una y otra vez.

Añade un efecto "Shimmer Text" (también llamado animated shiny text o metallic shimmer text) en [dónde].
Una franja de luz debe recorrer las letras con suavidad de izquierda a derecha y repetirse tras una breve pausa.
Mantén el texto legible bajo el brillo y déjalo quieto si el usuario prefiere movimiento reducido (prefers-reduced-motion).