Do you want to add continuous animation to an Elementor button? A continuous animation loops on its own the whole time the button is on screen, so it keeps drawing the eye without the visitor having to touch anything.
With the Button widget from The Plus Addons for Elementor you get four looping effects, an adjustable speed, and the option to hold the loop until someone hovers.
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 it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the Continuous Animation toggle appears in the Free plugin, but the effect, speed and origin controls are part of The Plus Addons for Elementor Pro.
- Widget to enable: Button, switched on under ThePlus Settings > Widgets.
Continuous Animation runs on its own, on a loop. If you want an effect that fires only when the visitor points at the button, that is a different control — see button hover animation in Elementor.
Where This Setting Lives
This one catches people out, because the location depends on which edition is active:
| Edition | Where to find it | What you get |
|---|---|---|
| Free | Style > Special | The Continuous Animation toggle only. Switching it on reveals a Pro notice rather than the settings. |
| Pro | Advanced > Continuous Animation | The full section — Animation Effect, Hover Animation, Duration Time and Transform Origin. |
The steps below follow the Pro path, because that is where the working controls are.
Step 1: Add the Button widget and set it up
Drag the Button widget into your container. On the Content tab, open Layout, pick a Button Style from the 23 available, and type your label into the Text field.
Step 2: Open Advanced and turn on Continuous Animation
Go to the Advanced tab and open the Continuous Animation section — it sits just below Tooltip. Switch Continuous Animation on and the four settings appear underneath it.
Step 3: Choose the animation effect
Pick one from the Animation Effect dropdown. There are four: Pulse (the default), Floating, Tossing and Rotating. Pulse and Floating are the safe choices for a call to action; Rotating suits an icon-only button far better than a text one.
Step 4: Decide whether the loop waits for hover
Leave Hover Animation off and the loop plays constantly. Turn it on and the animation is held until the visitor points at the button, which is far less distracting on a page that already has a lot of movement.
Step 5: Set the speed
Duration Time is a slider measured in seconds, and it starts at 2.5. A lower number makes the loop faster and more insistent; a higher number makes it slower and calmer. Below about one second it reads as a jitter rather than an animation.
What It Looks Like
Settings Reference
| Setting | Where (Pro) | Options | Default |
|---|---|---|---|
| Continuous Animation | Advanced > Continuous Animation | On / Off | Off |
| Animation Effect | Advanced > Continuous Animation | Pulse, Floating, Tossing, Rotating | Pulse |
| Hover Animation | Advanced > Continuous Animation | On / Off | Off |
| Duration Time | Advanced > Continuous Animation | Slider, seconds | 2.5 |
| Transform Origin | Advanced > Continuous Animation | 9 positions | Center Center |
Transform Origin is the one most people miss. It sets the point the animation pivots around, and it changes Tossing and Rotating noticeably — try Bottom Center on a Tossing button to get a hinge rather than a wobble.
Limitations
- One effect at a time. Animation Effect is a single select, so a button cannot pulse and float at once.
- No per-device value. The animation runs at every breakpoint. A loop you like on desktop will also play on phones, with no separate mobile setting to turn it down.
- Motion preferences are not handled for you. If your audience includes people sensitive to motion, prefer Hover Animation so the movement is opt-in.
- This is separate from hover effects. Turning it on does not replace Button Hover Effects under Style > Special. Both can be active at once, which usually looks worse rather than better.
Troubleshooting
I cannot find the Continuous Animation section
On Pro it is on the Advanced tab, not the Style tab. On Free the toggle is under Style > Special, and turning it on shows a Pro notice instead of the settings. Older guides pointed everyone at Style > Special, which is only correct for Free.
The animation does not play on the live page
Regenerate Elementor files from Elementor > Tools > Regenerate CSS & Data, then clear any page caching or CDN in front of the site. Also check that an optimisation plugin is not deferring the plugin animation CSS.
The animation is too subtle to notice
Lower Duration Time so the loop repeats more often, and try Floating instead of Pulse — vertical movement reads more clearly than a scale change on a wide button.
Related Docs
Also, check out how to add a quick view button in a blog post in Elementor.
Read more about tilt 3D effect, mouse move parallax and continuous animation in Elementor widgets.
- Button widget: settings overview — every control in the widget.
- Add a button hover animation in Elementor — the hover-triggered alternative to this doc.
- Add an interval shake animation to a button
