# Ajoutez des animations à votre Genially

> Rendez votre contenu accrocheur en donnant vie à vos ressources grâce à des animations Le mouvement attire lattention cest inévitable Chez Genially vous p

Source: https://help.genially.com/fr/ajoutez-des-animations-a-votre-genially-HJMHcDrni

Last updated: 2025-10-08T18:46:43.564Z

Rendez votre contenu accrocheur en donnant vie à vos ressources grâce aux animations. Le mouvement attire l'attention, c'est inévitable. Sur Genially, vous pouvez enrichir votre contenu avec des effets de mouvement spectaculaires qui provoquent l’intérêt de votre public, et transformer vos créations en contenu animé en quelques clics. En voilà un effet WOW !

  

Cet article couvre les aspects suivants :

*   Quels types d'animations existent
    
*   Comment appliquer des animations à un élément
    
*   Les aspects d'une animation que vous pouvez personnaliser
    
*   Comment copier et coller une animation d'un élément à l'autre
    
*   Comment savoir si des effets d'animation ont été appliqués à un élément
    
*   Comment supprimer une ou toutes les animations d'un élément
    

  

## Quels types d’animations existent

Pour voir les types d'animations disponibles, sélectionnez un élément en cliquant dessus, puis sur l'icône ‘Animation’ qui apparaît au-dessus. Un onglet s'ouvre sur la droite avec toutes les options d'animation.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/0c738c27acdb542111a2ede3adc07abc.png)

  

Il existe plusieurs types d’animations :

*   **Animation d'entrée :** L'effet d'animation sera montré lorsque l'élément animé entrera dans l'écran.
    
*   **Animation de sortie :** L'animation sera affichée juste avant que l'élément ne disparaisse de la zone d’édition. Ce type d'animation peut être utilisé pour retirer des ressources lorsque vous souhaitez que votre public ne les voie que pendant un temps limité.
    
*   **Animation continue :** Elle est affichée en permanence tant que l'élément est à l'écran, et ne s'arrête que lorsque vous passez à une autre page. Elle est souvent utilisé pour montrer quels éléments de votre générique ont une interactivité.
    
*   **Animation au passage de la souris :** Activée uniquement lorsque vous passez la souris sur l'élément. Elle permet de masquer et d'afficher des éléments. Vous pouvez faire en sorte qu'un élément ne soit visible que par votre public pendant qu'il interagit avec lui. 
    
*   **Animation au clic :** elle se déclenche uniquement lorsque l’utilisateur clique sur l’élément. C’est utile pour mettre en valeur certaines actions ou interactions sur le canevas, car elle demande une action directe de la part du·de la spectateur·rice. Vous pouvez, par exemple, l’utiliser pour animer des boutons ou des zones interactives et guider votre audience étape par étape.

  

## **![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/799bb4e9341237104fbad51ec466c1a7.png)**  

## **Les aspects d’une animation que vous pouvez personnaliser**

Les aspects personnalisables d'une animation sont les suivants :

*   **La direction :** Pour définir dans quelle direction l'élément va se déplacer. Il peut rester en position ou se déplacer tant horizontalement que verticalement.
*   **L'effet :** Vous pouvez choisir parmi de nombreux styles d'animation. Les effets disponibles varient en fonction de la direction que vous choisissez. Passez la souris sur chaque option pour prévisualiser l'animation sur le tableau de bord, ce qui facilite grandement le choix !
*   **Le début :** À modifier si vous voulez marquer le moment où l'animation est déclenchée, en commençant à compter lorsque l'élément entre dans l'écran. Pouvoir éditer le début de l'effet amène à des options très utiles. Par exemple, l'ordre d'entrée des éléments d'un genially. 
*   **La vitesse :** Vous pouvez définir si vous voulez que l'animation se reproduise plus vite ou plus lentement. La vitesse minimale est de 4 secondes et la vitesse maximale de 0,5 seconde.

**TIP :** Pour obtenir le meilleur résultat, choisissez toujours la direction de l'animation avant l'effet, car chaque type de direction a des effets différents disponibles.

Vous pouvez appliquer une animation à tous les éléments en même temps grâce à l’option **« Appliquer à toute la création »**, ou la copier et la coller sur ceux que vous souhaitez faire agir de la même manière.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/21bcd58a601cb4f8875a600fc7e5fa7c.png)