Refari Built Websites

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

1 min read 4 views Last updated Sep 10, 2026

https://help.refari.work/knowledge-base/article/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 


  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?

Still need help? Contact our team

Search or browse first — if you’re still stuck, open a ticket and we’ll get back to you.