Peut differer legerement de l interface reelle.
This setting applies to the animation
Hover
L’apparence peut légèrement différer de la version réelle.
Point clé : sélectionne l’animation appliquée au survol. Crée un retour visuel pour signaler à l’utilisateur que l’élément est interactif.
Impact : un changement au survol fait percevoir l’élément comme « actionnable ».
Conseil : privilégiez des animations courtes et discrètes qui ne nuisent pas à la lisibilité.
Paramètres
- Sélection du preset d’animation : choisit le mouvement de l’icône. Préférez un mouvement discret qui ne concurrence pas le texte principal. Les options incluent
none(aucune) et différents patterns d’animation au survol.
L’animation d’icône ne se déclenche qu’au survol. Si vous la combinez avec l’animation de texte, les deux mouvements simultanés peuvent devenir chargés ; l’utilisation d’un Delay pour créer un décalage temporel est une approche efficace. Si aucune icône n’est définie, ce réglage est sans effet.
Contrôle exclusif avec l’effet de survol standard : lorsque l’animation d’icône est active, l’opacité et la visibilité de l’icône sont gérées par le module d’animation. Les changements de couleur et de taille définis dans le panneau d’icône restent appliqués simultanément, mais l’affichage/masquage est piloté par l’animation.
Transition
L’apparence peut légèrement différer de la version réelle.
Point clé : définit la vitesse de l’animation d’icône. Maintient un retour réactif tout en évitant les effets excessifs.
Impact : plus l’icône est petite, plus un réglage rapide paraît naturel.
Conseil : commencez avec une durée courte, puis ajoutez un léger Delay pour prolonger l’effet si nécessaire.
Paramètres
- Duration (ms) : durée du mouvement de l’icône. Court = léger, long = plus décoratif.
- Delay (ms) : délai avant le début du mouvement. Gardez-le court pour éviter l’impression de latence.
- Easing : courbe de vitesse. Ajuste la fluidité du mouvement pour un rendu naturel.
- Custom Value : valeur d’easing personnalisée. Permet un réglage fin si les presets ne conviennent pas.
- Reset : réinitialise les paramètres de transition à leurs valeurs par défaut.
La transition de l’animation d’icône est indépendante de la transition du panneau d’icône (couleur, taille, position). Ici, vous contrôlez la vitesse de lecture de l’animation elle-même ; les changements de propriétés au survol relèvent de la transition du panneau d’icône.