Holographic Text

Texto relleno con un degradado cuyos colores cambian o fluyen sin parar.

Añade un efecto de texto con degradado animado (Animated Gradient Text, también llamado aurora text o rainbow text sweep) en [dónde].
Las letras deben rellenarse con un degradado cuyos colores fluyan lenta y suavemente por el texto en un bucle infinito y sin cortes.
Mantén el texto legible sobre su fondo en todo momento y deja los colores quietos si el usuario prefiere movimiento reducido (prefers-reduced-motion).

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

Un reflejo brillante sigue al cursor por la superficie de una tarjeta como un destello de luz.

Añade un efecto "Glare / Holographic Card" (también llamado glare card o glare hover) en [dónde].
Un reflejo brillante y suave debe seguir al cursor por la superficie de la tarjeta como luz que rebota en ella, mientras la tarjeta se inclina un poco hacia el cursor; ambos desaparecen cuando el cursor sale: suave y sutil.
Deja que los clics atraviesen la capa del reflejo, mantén el contenido legible debajo y muestra la tarjeta sin reflejo en pantallas táctiles.

El texto se escala, se mueve o gira como un elemento gráfico en movimiento en lugar de ser texto estático.

Añade tipografía cinética (Kinetic Typography, también llamada kinetic text) en [dónde].
Filas de texto grande y repetido deben deslizarse de lado en direcciones alternas a un ritmo lento y constante, convirtiendo las palabras en un gráfico en movimiento.
Haz que cada fila se repita sin saltos visibles, que los lectores de pantalla lean el texto una sola vez y detén el movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Las letras salen volando al pasar el puntero y regresan, o estallan hacia fuera al entrar.

Añade un efecto hover "Letter Scatter" (también llamado scatter gather letters o explosive letter burst) en [dónde].
Cuando el puntero pase sobre el texto, cada letra debe salir disparada un poco en su propia dirección con un leve giro, y luego volver a reunirse suavemente en la palabra cuando el puntero se vaya.
Mantén fijo el espacio de la palabra en el diseño mientras las letras se mueven, haz que los lectores de pantalla la lean como una sola palabra y muestra el mismo efecto con el foco del teclado.

Una sombra a rayas o desplazada detrás de las letras se anima en una dirección.

Añade un efecto "Line Shadow Text" (también llamado text shadow animation o dancing shadow) en [dónde].
Detrás de las letras, una sombra desplazada hecha de finas rayas diagonales debe deslizarse de forma lenta y continua, mientras las letras se quedan quietas y nítidas.
Haz que el movimiento de las rayas se repita sin cortes y deja la sombra quieta si el usuario prefiere movimiento reducido (prefers-reduced-motion).