> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/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).

# How to add ANIMATIONS to the elements of your page

${youtube}[Video tutorial: How to add ANIMATIONS to the elements of your page](hdWQSj-eZkM)

All elements inserted in **GreatPages** can receive animations.

Regardless of the element, the process will always be the same...

1. Click on the element and then click the **"Edit"** button;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1842r3r.png)

2. Next, a side menu will open with the "**Styles"** options. Click on **"Animation"**, as shown in the image below;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_16ln4ok.png)

3. In the animation settings you can edit the animation types (how the element will behave), the animation direction (where it will "enter" the screen from), the animation speed (how fast the element moves), the animation delay (how long it takes to "enter the screen") and the animation repetition (whether it will play once or repeat).

We hope this helped! If you have any questions, contact our team. :-)