How to Add Continuous Animation to Elementor Button?

Updated on July 1, 2024 by Editorial Team
Table Of Content

Do you want to add continuous animation on an Elementor button for free? Adding continuous animation on a button can grab your visitors’ attention and add a touch of interactivity to your website.

With the Button widget from The Plus Addons for Elementor, you can easily add continuous animation to a button in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Button widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, add the Button widget to the page and follow the steps – 

1. Select the appropriate button style and add the text to the button.

2. Then go to Style > Special tab and turn on the Continuous Animation toggle.

Continuous animation

3. From the Animation Effect dropdown, you have to select an animation.

You can show the animation effect on hover by enabling the Hover Animation toggle. For a more detailed guide check out how to add button hover animation.

In the Duration Time field, you can set the animation speed.

Now you’ll see a continuous animation on your button.

Continuous animation demo
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website