También llamado Aurora Text, Rainbow Text Sweep, Gradient Text Color Wave
Texto relleno con un degradado cuyos colores cambian o fluyen sin parar.
Se usa en
Titulares de marca
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).
ABCDEF
Pasa el ratón por encima
También llamado Text Glitch, RGB Split Glitch
El texto tiembla con cortes desplazados y separaciones de color rojo y cian, como una señal averiada.
Se usa en
Titulares cyberpunk o de videojuegos
Añade un efecto hover "Glitch Text" (también llamado text glitch o RGB split glitch) en [dónde].
Mientras el puntero esté sobre el texto, debe temblar en ráfagas rápidas y secas: finas franjas horizontales saltan de lado y dos copias de color se separan como una señal averiada, y luego vuelve a su sitio cuando el puntero se va.
Deja el texto real una sola vez en el documento para que los lectores de pantalla no lean las copias, y muestra el mismo efecto con el foco del teclado.
ABCDEF
Pasa el ratón por encima
También llamado Holographic Foil Text
El texto muestra reflejos iridiscentes de lámina holográfica que se mueven con el puntero o con el tiempo.
Se usa en
Tarjetas premium
Añade un efecto hover "Holographic Text" (también llamado holographic foil text) en [dónde].
Mientras el puntero esté sobre el texto, una franja de colores como de lámina holográfica debe deslizarse lenta y suavemente de un lado a otro sobre las letras, y el texto debe volver a su aspecto normal cuando el puntero se vaya.
Mantén las letras legibles en todo momento del brillo y muestra el mismo efecto con el foco del teclado.