Animación de texto

Hover

Puede diferir ligeramente de la interfaz real.

Puntos:
selecciona la animación aplicada al pasar el cursor.

Qué cambia este ajuste:
mejora la percepción de elemento interactivo.

Consejo de ajuste:
usa animaciones breves y sutiles para no perder legibilidad.

Elementos de configuración

• Selección de preajuste de animación (none y varios patrones Hover).

se activa solo en Hover. Si combinas con transición de estilo, la suma de Duration/Delay puede sentirse más lenta.

Límite de 30 caracteres:
la animación letra a letra aplica retraso solo hasta 30 caracteres. A partir del carácter 31, el movimiento se aplica en bloque.

Optimización de wrapping:
cuando animación = none, se omite el wrapping por carácter (<span>) para mejorar rendimiento.

Transición

Puede diferir ligeramente de la interfaz real.

Puntos:
define velocidad de cambio de la animación de texto.

Qué cambia este ajuste:
la misma animación puede sentirse suave o agresiva según tiempo.

Consejo de ajuste:
si cuesta leer durante la animación, reduce Duration y Delay.

Elementos de configuración

• Duración (ms).
• Retardo (ms).
• Suavizado.
• Valor personalizado.
• Restablecer.

esta transición es independiente de la de estilo e icono; puedes ajustar timings distintos para texto e iconos.