Articles on: Common Styles

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

Was this article helpful?

Share your feedback

Cancel

Thank you!