Animación de icono

Hover

Puede diferir ligeramente de la interfaz real.

Puntos:
selecciona animación de icono en Hover.

Qué cambia este ajuste:
añade feedback visual de interacción.

Consejo de ajuste:
usa movimientos pequeños para no competir con el texto principal.

Elementos de configuración

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

se activa solo en Hover. Si la combinas con animación de texto, usa Delay para desfasar y evitar ruido visual.

Control de visibilidad:
al activar animación de icono, opacity/visibility del icono se rigen por CSS de animación.

Transición

Puede diferir ligeramente de la interfaz real.

Puntos:
define velocidad de transición de la animación del icono.

Qué cambia este ajuste:
en iconos pequeños, tiempos cortos suelen sentirse más naturales.

Consejo de ajuste:
comienza con duración corta y añade delay mínimo si necesitas un pequeño remate.

Elementos de configuración

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

esta transición controla la animación del icono; la transición de color/tamaño/posición del panel de icono es independiente.