How to add entrance animations in your images, texts, buttons and sections

Created by Mervin WebDev, Modified on Tue, 21 Mar, 2023 at 12:20 AM by Mervin WebDev

The Entrance Animations feature lets you animate your WidgetsSections, and Columns. This way, as your site visitor scrolls down the page, the elements appear with an entrance animation.


Here’s how to add entrance animations on your elements:


  1. Select one element in your page that you want to have entrance animation.

  2. In this example we will add entrance animation on a heading. To add simple go to the elements: Advance Tab > Motion Effects Tab 


  1. Then in the entrance animation dropdown you can select what animation you want to set for the  elements.

You can choose from 37 different entrance animations including:

  1. Fading: Fade in, fade in up, down, left, right

  2. Zooming: Zoom in, zoom in up, down, left, right,

  3. Bouncing: Bounce in, bounce in up, down, left, right

  4. Sliding: Slide in up, down, left, right

  5. Rotating: Rotate in, rotate in down left, down right, up left, up right

  6. Attention seekers: Bounce, flash, pulse, rubber band, shake, head shake, swing, tada, wobble, jello

  7. Light speed: Light speed in

  8. Specials: Roll in

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article