Animated scroll down arrow icon with elementor

0
Elementor does not have animation loop in Entrance animation. In this short tutorial I will show you how we can add infinite loop to an animation so that we can create an animated scroll down arrow animation.

So first of all add the icon you want to animate. And choose the size and color.

Then add an entrance animation by going to Advanced > Motion Effects > Entrance Animation.

In my case I am choosing “Bounce”. You can also set the Animation Duration as well.

Now give that icon a class name. In my case I am calling it “avro_icon”.

Now the best part, we just need to add a single line of code.

The code is:

.avro_icon{
animation-iteration-count: infinite
}
Thats it thats how you do it !!!

Share this post

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Leave a Reply

Close Menu
This website uses cookies to provide you with the best service. By using our website, you agree to use the cookie. Learn More