SVG Displacement Distortion

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).

Las letras gotean y se estiran hacia abajo como si se derritieran.

Añade un efecto "Melting Text" en [dónde].
Las letras deben hundirse lentamente mientras unas gotas se estiran por debajo, como si se derritieran, y quedarse quietas con un aspecto derretido.
Reprodúcelo una sola vez cuando el texto entre en pantalla, mantén la palabra legible al final y omite el movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una forma de máscara barre o sigue al puntero para descubrir el contenido de debajo.

Añade un efecto hover "SVG Mask Reveal" (también llamado clip-path reveal o spotlight mask) en [dónde].
Mientras el puntero esté encima, una máscara circular debe crecer desde el centro y descubrir el contenido de debajo, y volver a cerrarse cuando el puntero se va: suave y bastante rápido.
Mantén las dos capas exactamente del mismo tamaño para que nada se mueva, y muestra el mismo revelado con el foco del teclado y al tocar.

Una mancha orgánica cambia su contorno de forma continua.

Añade una animación en bucle "Blob Morph" (también llamada morphing blob o animated blob) en [dónde].
Una mancha orgánica debe cambiar su contorno lentamente sin parar mientras gira con suavidad, fluida y blanda, sin esquinas marcadas.
Haz que el bucle no tenga cortes para que la forma nunca salte, y déjala quieta 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.