A
Q
J
P
N
V
Y
HB
K
M
L
Z
W
T
XC
R
G
Q
J
P
N
VD
Y
H
K
M
L
Z
WE
T
X
R
G
Q
J
PF
N
V
Y
H
K
M
L
Pasa el ratón por encima
También llamado ScrambleText, Text Decode, Encrypted Text, Text Unscramble, Hyper Text
El texto se sustituye por caracteres aleatorios que cambian y se resuelven poco a poco en la palabra final.
Se usa en
Títulos hero de estilo tecnológico, hover en enlaces
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.
ABCDEF
Mueve el puntero aquí
También llamado Perspective Text Tilt
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).
También llamado Typing Animation, Typewriter Effect, Typing Text
Los caracteres aparecen de uno en uno como si se tecleasen, normalmente seguidos de un cursor parpadeante.
Se usa en
Titulares hero, eslóganes
Añade un efecto de máquina de escribir (Typewriter) en [dónde], también llamado typing animation o typing text.
Los caracteres deben aparecer de uno en uno a un ritmo de tecleo constante, con un cursor justo después del último carácter escrito que parpadee unas cuantas veces al terminar.
Reprodúcelo una sola vez en lugar de en bucle, deja que los lectores de pantalla lean el texto completo desde el principio y muestra el texto completo si el usuario prefiere movimiento reducido (prefers-reduced-motion).