---
url: "/fr/bannerify/animation/animation-easing.md"
description: "Choisissez des courbes d’easing pour contrôler le rythme de vos animations personnalisées."
---

# Définir l’easing de l’animation

> Choisissez des courbes d’easing pour contrôler le rythme de vos animations personnalisées.

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/changing-easing.mp4)

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 {#setting-a-custom-cubic-bezier-easing-value}

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/uS2TRRQiYzw)

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/](https://easings.co/), ou tout autre service en ligne de votre choix qui aide à générer des courbes CSS cubic-bezier.