Melting Text

Un filtro SVG deforma texto o formas con ruido animado.

Añade un efecto hover "SVG Displacement Distortion" (también llamado displacement map effect) en [dónde].
Mientras el puntero esté encima, el texto o la forma debe ondularse y temblar como si se viera a través de agua en movimiento, apareciendo con suavidad, y volver a verse nítido cuando el puntero se va.
Aplica el filtro de distorsión solo mientras el efecto esté activo para que no cueste nada en reposo, y muestra el mismo efecto con el foco del teclado.

Los bordes de las letras ondulan como si estuvieran dibujados a mano, con un filtro de desplazamiento SVG.

Añade un efecto "Squiggly Text" (también llamado wobbly text o turbulence text) en [dónde].
Los bordes de las letras deben temblar ligeramente como si se dibujaran a mano y se redibujaran varias veces por segundo: un hervor sutil y nervioso, no una onda suave.
Mantén el texto legible y déjalo quieto si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El texto se deforma y ondula de forma orgánica, impulsado por el scroll o el movimiento del puntero.

Añade un efecto "Text Distortion" (también llamado organic text distortion) en [dónde].
Una fila de texto debe fluir de lado sin fin y deformarse y ondular de forma orgánica mientras se mueve, como vista a través de agua en movimiento, con el flujo impulsado por el scroll del usuario.
Mantén la distorsión lo bastante ligera para que el texto siga siendo legible, que vaya fluida en dispositivos más lentos y desactívala si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una palabra se difumina y se funde con la siguiente en el mismo lugar.

Añade un efecto "Morphing Text" (también llamado text morph) en [dónde].
Una palabra debe difuminarse y fundirse con la siguiente en el mismo lugar, con una mezcla suave y viscosa, y quedarse quieta un momento antes del siguiente cambio.
Recorre las palabras sin cortes, deja que los lectores de pantalla lean las palabras como texto normal y detén el ciclo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

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.