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

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

Note : Entrance animations can greatly improve user experience, but overusing them may distract visitors. Use sparingly and only where necessary for design impact.

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 

3. 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
   
   
   
   
   
   

Also Read : How to add a video as a background in your sections