---
url: "/fr/bannerify/animation/hover.md"
description: "Ajoutez des états de survol animés à n’importe quel calque de votre timeline Bannerify. Ils sont inclus dans tous les exports HTML du plugin."
---

# Ajouter des états de survol animés aux calques

> Ajoutez des états de survol animés à n’importe quel calque de votre timeline Bannerify. Ils sont inclus dans tous les exports HTML du plugin.

### Tutoriel vidéo : ajouter des animations de survol à vos bannières Figma

Cette vidéo montre comment ajouter des animations de survol à vos bannières avec le plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/dOdeG78NlSw)

[Video](/assets/videos/bannerify/animation/hovers.mp4)

Vous pouvez ajouter un état de survol animé (pour les exports HTML) à n’importe quel calque de votre timeline en cliquant sur l’interrupteur **Add Hover**, puis en choisissant une animation de survol dans le menu déroulant qui apparaît. Activez l’interrupteur **Loop** pour répéter l’animation, et faites glisser l’extrémité de sa barre de timing de survol pour en ajuster la vitesse.

Pour prévisualiser l’animation, survolez le calque avec la souris dans la fenêtre d’aperçu de Bannerify.

> **Tip:** **Appliquer une animation de survol à plusieurs calques**. Vous pouvez aussi appliquer en masse une animation de survol à plusieurs calques avec la fonctionnalité d’[application en masse](/fr/bannerify/animation/animating-banners#applying-bulk-animations).

## Ajouter des états de survol avec transition {#adding-transitional-hover-states}

[Video](/assets/videos/bannerify/animation/button-hovers.mp4)

Pour passer d’un état à un autre (par exemple, changer les couleurs d’un bouton CTA au survol), créez votre calque d’état « survol », placez-le au-dessus du calque d’origine et appliquez-lui l’état de survol d’entrée pour qu’il apparaisse en transition chaque fois que l’élément est survolé.