Tutoriel vidéo : ajouter des animations personnalisées à vos bannières Figma
Cette vidéo montre comment ajouter des animations par keyframes personnalisées à vos bannières avec le plugin Bannerify.
Vous pouvez choisir le type d’easing de votre animation en sélectionnant une option dans le menu Easing. L’easing s’applique automatiquement à toute votre timeline et met à jour la zone Live preview, pour que vous voyiez comment l’easing choisi modifie le mouvement de votre animation par keyframes.
Vous pouvez choisir parmi les options d’easing suivantes :
- Ease (par défaut)
- Ease out
- Ease in
- In and out
- Linear
- Gentle
- Overshoot
- Anticipate
Définir une valeur d’easing Cubic Bezier personnalisée
Tutoriel vidéo : ajouter un easing cubic-bezier aux animations de bannières dans Figma
Cette vidéo montre comment ajouter un easing cubic-bezier personnalisé aux animations de bannières dans Figma avec le plugin Bannerify.
Pour utiliser votre propre courbe, faites glisser les poignées de la courbe dans le menu Easing, ou collez une valeur CSS cubic-bezier valide (par exemple cubic-bezier(0.65,0.05,0.36,1);) dans le champ situé sous les préréglages. Vous pouvez générer une courbe cubic-bezier personnalisée avec un site comme https://easings.co/, ou tout autre service en ligne de votre choix qui aide à générer des courbes CSS cubic-bezier.