---
title: "How to Add Continuous Animation to Elementor Button?"
url: https://theplusaddons.com/docs/continuous-animation-in-button-elementor/
date: 2024-01-09
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Do you want to add continuous animation to an Elementor button for free? Adding continuous animation to a button can grab your visitors' attention and add a touch of interactivity..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-Continuous-Animation-to-Elementor-Button_-1024x536.jpg
word_count: 233
---

# How to Add Continuous Animation to Elementor Button?

## 

- Utilizes the Button widget from The Plus Addons for Elementor to implement continuous animation.
- Activates continuous animation by toggling the Continuous Animation option in the Style > Special tab.
- Selects an animation effect from the Animation Effect dropdown and adjusts the Duration Time for speed.

Do you want to add continuous animation to an Elementor button for free? Adding continuous animation to 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.](https://theplusaddons.com/docs/button-widget-settings-overview/)*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/free-elementor-buttons/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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.

![](https://theplusaddons.com/wp-content/uploads/2024/01/Tpae-Button-Style-Continuous-Animation-1.gif)

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](https://theplusaddons.com/docs//button-hover-animation-in-elementor/).

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

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

*Also, check out [how to add a quick view button in a blog post in Elementor](https://theplusaddons.com/docs//add-quick-view-button-in-blog-post-in-elementor/)*

![](https://theplusaddons.com/wp-content/uploads/2024/01/button-continuous-animation-demo.gif)

*Read more about [tilt 3d effect | mouse move parallax effect | continuous animation in Elementor widgets](https://theplusaddons.com/docs//tilt-3d-effect-mouse-move-parallax-effect-continuous-animation/).*