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

# Animation effect to elements

## Learn how to add animation effects

Every element can have an entrance animation. In order to add an animation effect, click on the element in the canvas and click on the animation icon located in the right sidebar. 

![](https://storage.crisp.chat/users/helpdesk/website/1345925b15608100/c0181028-e92f-4bd7-9b27-d3ffc2_1xbldzh.png)

You can check out a short preview for each animation effect and choose your favorite one.   
Customize your animation - choose the animation direction, action (time, click, hover), animation duration (slow, normal, fast, customized), and loop animation. 

![](https://storage.crisp.chat/users/helpdesk/website/7d220bc6c84bd000/15f9f87a-37ce-4501-a9af-775c09_1ycl96c.gif)