---
title: "How to Add a Global Continuous Animation to any Widget in Elementor?"
url: https://theplusaddons.com/docs/global-continuous-animation-widget-in-elementor/
date: 2024-01-19
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Adding a continuous animation to an Elementor widget can help you to highlight an element. These animations not only add a visually appealing touch to a website but also help..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-a-Global-Continuous-Animation-to-any-Widget-in-Elementor_-1024x536.jpg
word_count: 270
---

# How to Add a Global Continuous Animation to any Widget in Elementor?

## 

- Activates the Continuous Animation extension in The Plus Addons for Elementor by navigating to The Plus Addons u2192 Extensions.
- Adds continuous animation to any widget in Elementor by selecting Advanced > Continuous Animation and toggling it on.
- Sets animation effects and duration for widgets using the Animation Effect dropdown and Duration Time field in Elementor.

Adding a continuous animation to an Elementor widget can help you to highlight an element. These animations not only add a visually appealing touch to a website but also help engage and retain visitors' attention.

You can easily add a continuous animation to any widgets in Elementor.

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

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](http://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium feature, and you need the PRO version of [The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)

- Make sure the Continuous Animation extension is activated, to verify this visit The Plus Addons → Extensions → and search for Continuous Animation and activate.

## Learn via Video Tutorial:

https://youtu.be/rVRjwbK1t3E?si=lKNPA6T1kUveCr_u

## How to Activate the Continuous Animation Extension?

Go to 

- **The Plus Addons **→** Extensions **

- **Search** the extension name and **turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/01/continuous-animation-activate-1024x428.png)

## Key Features

- **Add continuous animation** - You can easily add continuous animation to any widget.

Did you know? you can make a website look more appealing by [adding a tilt 3D parallax effect to widgets.](https://theplusaddons.com/docs//3d-tilt-parallax-effects-in-elementor/)

## How to Add Continuous Animation Effect to a Widget in Elementor?

Add a widget and follow the steps - 

1. Go to **Advanced** > **Continuous Animation**. 

2. Turn on the **Continuous Animation** toggle.

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

From the **Hover Animation** toggle, you can play the animation on hover.

Then, from the **Duration Time** field, you can set the animation duration.

As per your settings, you’ll see a continuous animation effect on the widget content.

![Global Continuous Animation Demo](https://theplusaddons.com/wp-content/uploads/2024/01/global-continuous-animation-demo.gif)

Also read, [how to add Elementor preloader & page transitions.](https://theplusaddons.com/blog/elementor-preloader-and-page-transitions/)