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!