How to add Animation
Getting Started
You can add an animation to any component on scroll to your website. Follow all the instructions in this article to learn how to add animation to your website.
Animation on Scroll
To add animation on scroll to a component on your website, refer to the steps below:
Select any component and click on Edit

Go to the Advanced tab

Expand the Animation on Scroll option

Choose any animation type from the dropdown menu

Configure the selected animation according to your requirements

Finally, Save and Publish the site

Enable Animation on Mobile
By default, Animation on Mobile is turned off. To turn it on, please follow these steps:
Go to Global Styles

Expand the Animation Settings option

Switch on the Enable Animation on Mobile option

Finally, Save and Publish the site

Please note that, Animation On Scroll can cause performance issues on mobile devices due to frequent scroll event handling and heavy animations, leading to lag, higher CPU usage, and battery drain.
Cheers! 😉
Related articles
Responsive Settings
Custom CSS
Updated on: 28/05/2025
Thank you!