Lorsque vous faites des animations sur webflow, vous pouvez utiliser différents "mode" pour définir la façon dont l'animation va progresser. Combiné à une valeur temps (timing), ce choix joue un rôle important dans l'effet final de votre animation.
Les choix d'animations par défaut
Par défaut, vous avez dans l'interface designer de webflow la possibilité d'ajouter les 5 styles d'animations les plus populaires.
Linear
L'animation aura la même vitesse du début à la fin.
Ease (le mode d'animation css par défaut)
C'est le mode utilisé par défaut pour les animations CSS. L'animation aura un départ lent puis rapide, puis finira lentement.
Ease-in
L'animation a un départ lent.
Ease-out
L'animation a une fin lente.
Ease-in-out
L'animation a un départ et une fin lente.
Tableau récapitulatif des animations CSS
Tableau récapitulatif (contenu en anglais)
Vue des fonctionnalités depuis l'interface webflow
Accès depuis les triggers ⚡️(Js Animations)
Accès depuis le CSS (transitions style)
Découvrez une prévisualisation visuelle de l'ensemble des ease effect sur ce projet Webflow !
