Text Reveal

Las palabras aparecen una tras otra al cargar la página, a menudo mientras se disipa un desenfoque, como si se estuvieran generando.

Añade un efecto "Text Generate" en [dónde].
Las palabras deben aparecer una tras otra mientras se disipa un suave desenfoque en cada una, como si el texto se estuviera generando: constante y tranquilo.
Reprodúcelo una sola vez al cargar, deja que los lectores de pantalla lean el texto completo desde el principio y muéstralo sin movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El texto queda fijo mientras sus líneas aparecen y desaparecen según el avance del scroll.

Añade un efecto "Sticky Text Fade" (también llamado sticky scroll text opacity fade) en [dónde].
Mientras la sección avanza con el scroll, el bloque de texto debe quedarse fijo en su sitio y sus líneas deben aparecer y desaparecer una a una según el avance del scroll.
Liga los fundidos directamente a la posición del scroll para que al volver se inviertan, y mantén todas las líneas disponibles para los lectores de pantalla, sea cual sea su opacidad.

El progreso de la animación está ligado directamente a la posición del scroll, así que al avanzar o retroceder se reproduce o se rebobina.

Añade una "Scroll-Linked Animation" (también llamada scroll-driven animation o scroll scrub) en [dónde].
La animación debe moverse exactamente con la posición del scroll: al bajar avanza y al subir se rebobina al instante, sin un suavizado temporal propio.
Asigna toda la animación a un tramo de scroll claro y muestra un estado estático razonable 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.

Al mover el puntero sobre una tarjeta se descubre un texto oculto bajo un borde de máscara o un foco de luz.

Añade un efecto "Text Reveal Card" (también llamado spotlight text reveal) en [dónde].
Al mover el puntero por la tarjeta, un borde vertical debe seguirlo de cerca y descubrir un texto oculto en uno de sus lados, suave y directo, sin retraso.
En pantallas táctiles, donde no hay puntero que seguir, deja que un arrastre o un toque revele el texto oculto, y haz que ese texto esté disponible para los lectores de pantalla.

El texto se sustituye por caracteres aleatorios que cambian y se resuelven poco a poco en la palabra final.

Añade un efecto hover "Text Scramble" (también llamado text decode o encrypted text) en [dónde].
Cuando el puntero pase sobre el texto, cada letra debe parpadear rápido entre caracteres aleatorios y asentarse en su letra real, resolviéndose una tras otra de izquierda a derecha.
Evita que el ancho del texto salte mientras se desordena, mantén a los lectores de pantalla en el texto real y muestra el mismo efecto con el foco del teclado.

El texto gira en perspectiva 3D siguiendo la posición del ratón.

Añade un efecto "Text Tilt" (también llamado perspective text tilt) en [dónde].
El texto debe inclinarse suavemente en 3D hacia el puntero mientras se mueve, siguiéndolo con fluidez, y volver a quedar plano con suavidad cuando el puntero salga.
Mantén la inclinación sutil para que el texto siga legible, y deja el texto plano en pantallas táctiles y si el usuario prefiere movimiento reducido (prefers-reduced-motion).