A static section reads like a flat image. Give it a gentle, looping drift and the same element feels alive. The Floating Effects extension in Master Addons Pro adds that continuous motion to any Elementor widget, with no keyframes or custom CSS to write. This guide explains what the extension does, what you can animate, and how to apply it.
What Is the Floating Effects Extension? #
The Floating Effects extension is a Master Addons Pro motion tool that adds a continuous, looping animation to Elementor widgets. It moves the widget between a From and a To value with translate, rotate and scale transforms, then back again, and each transform has Duration and Delay fields. The motion runs on the small anime.js library with a smooth in-out ease. Sections, columns and containers don’t get the panel.
What You Can Animate #
Floating Effects works through three transform types, and you combine them with timing controls to shape the motion:
- Translate: Translate X and Translate Y, each with a From and To value between -100 and 100 px, for the classic up-and-down or side-to-side float.
- Rotate: Rotate X, Y and Z between -180 and 180 degrees, turning the widget back and forth for a sway.
- Scale: Scale X and Scale Y between 0 and 5, growing and shrinking the widget for a soft pulse.
- Duration and Delay: Duration goes up to 10000 ms (1000 when left empty) and Delay up to 5000 ms. When you turn on more than one transform they share one timeline, using Translate’s timing first, then Rotate’s, then Scale’s.
How to Add Floating Effects in Elementor #
Floating Effects is applied per widget from the Elementor editor, once the extension is enabled in Master Addons. In short: select the element you want to animate, open its settings, turn on Floating Effects, and choose a transform with its timing.
- Make sure Master Addons Pro is installed and active, and that the Floating Effects extension is enabled in the Master Addons panel.
- In the Elementor editor, select the widget you want to animate.
- Open the element’s settings and find the Master Addons Floating Effects controls, then switch the effect on.
- Turn on Translate, Rotate or Scale, set the From and To values, then the Duration and Delay.
- Preview or publish the page to see the element drift on the live site.
Tips for Using Floating Effects #
- Keep the motion subtle. A small translate distance and a slow duration read as polished; large, fast movement looks distracting.
- Use it on one or two elements per view. A single floating hero image or icon draws the eye; a whole page in motion competes with itself.
- Pair it with entrance motion. Combine Floating Effects with the Entrance Animation extension so an element eases in first, then keeps its gentle float.
- Check it on mobile. Confirm the movement still looks good on smaller screens and does not push nearby content around.
Frequently Asked Questions #
What is the Floating Effects extension in Master Addons?
Floating Effects is a Master Addons Pro extension that adds a continuous, looping animation to Elementor widgets. It moves a widget back and forth between From and To values with translate, rotate and scale transforms, with Duration and Delay settings and no custom CSS or keyframes.
What kinds of animation can Floating Effects create?
It supports three transform types: translate to move an element up and down or side to side, rotate for a gentle back-and-forth sway, and scale for a soft pulsing effect. You can combine a transform with timing settings to shape the exact motion you want.
Can I control the speed and direction of the floating animation?
Speed, yes. Each transform has Duration and Delay fields, but combined transforms share one timeline, using Translate first, then Rotate, then Scale. There is no direction setting: the motion always plays from the From value to the To value and back.
Does Floating Effects work on any Elementor element?
It works on widgets only, such as an image, icon, heading or button. Sections, columns and containers do not get the Floating Effects panel, so to float a group of elements, add the effect to each widget.
Will floating animations slow down my website?
The motion runs through the small anime.js library and only animates CSS transforms, which browsers handle well. To keep pages smooth, use it on just one or two elements per view and keep the movement subtle rather than animating everything on the page at once.
Is Floating Effects free?
No. Floating Effects is part of Master Addons Pro. Free Elementor has entrance animations that play once, but no looping float.
