> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Comment ajouter une animation

# Pour commencer

Vous pouvez ajouter une animation à n'importe quel composant de votre site web. Suivez toutes les instructions de cet article pour apprendre à ajouter une animation à votre site web.


---

# Animation sur le rouleau

Pour **ajouter une animation lors du défilement** à un composant de votre site web, suivez les étapes ci-dessous :

- Sélectionnez n'importe quel composant et cliquez sur **Editer**
- Aller à la page **Avancé** onglet
- Élargir le **Animation sur le rouleau** option
- Choisissez n'importe quel type d'animation

Suivez les étapes ci-dessous pour ajouter une animation à n'importe quel composant ⬇️

(Dans cet exemple, il s'agit d'un **section**)

1. Cliquez sur Modifier le style de la section

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_r8xgu0.png)


2. Allez dans l'onglet **Avancé**, développez l'option **Animation sur le défilement** et choisissez l'animation de votre choix.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-08-28at53206p_1m4js5r.gif)


3. Publiez et visitez votre site pour voir les changements.



![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-08-28-at-53_z5is8w.gif)

---

---

# Articles connexes

[Paramètres réactifs](/en/article/responsive-settings-xwzrzr/)

[CSS personnalisé](/en/article/custom-css-1rdt5qy/)