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

Updated on June 24, 2024 by Editorial Team
Table Of Content

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 on most of the widgets of The Plus Addons for Elementor.

LIVE WIDGET LINK

Required Setup

Learn via Video Tutorial:

How to Activate the Global Continuous Animation?

This feature is enabled by default on some of the selected widgets of The Plus Addons for Elementor. You don’t need to enable it separately.

Key Features

  • Add continuous animation – You can easily add continuous animation to a widget.

Did you know? you can make a website look more appealing by adding a tilt 3D parallax effect to widgets.

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

Add one of the listed below widgets of The Plus Addons for Elementor and follow the steps – 

1. Go to Advanced > Plus Extras. 

2. Turn on the Continuous Animation toggle.

Global continuous animation setting

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

Also read, how to add Elementor preloader & page transitions.

Supported Widgets

Also read, how to create mouse cursor parallax effects in Elementor.

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



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

    Related Docs

    X