How to set up and style the Mouse and Float Effects extension in Elementor.
Mouse and Float Effects adds three small motion effects to any widget, container, section or column. The element can tilt in 3D toward the pointer, shift as the pointer moves across the screen, and float gently by itself. Each effect has its own switch, so you can use one or combine them.
Part of: Bright Addons Pro.
These options are in the Advanced tab of the element.
| Option | What it does |
|---|---|
| 3D Tilt on Hover | Tilts the element toward the pointer while the pointer is over it. |
| Strongest Tilt (degrees) | The largest tilt angle, from 1 to 35. The default is 10. |
| Depth (px) | The 3D viewing distance, from 200 to 3000. The default is 900. |
| Grow on Hover (percent) | How much the element grows while tilting, from 0 to 20. The default is 2. |
| Follow the Pointer | The element shifts a little as the pointer moves across the screen. |
| Farthest Shift (px) | The largest shift, from -150 to 150. Negative moves away from the pointer. The default is 20. |
| Floating Animation | A gentle animation that repeats without stopping. |
| Direction | Up and down, Side to side, or Gentle swing. |
| Distance | How far the element floats, from 2 to 60 px. |
| One Cycle Takes (seconds) | The time for one move, from 1 to 30 seconds. The default is 4. |
| Start Delay (seconds) | A wait before the float starts, from 0 to 10 seconds. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
Yes. Each of the three effects has its own switch and they can be combined.
The floating animation does. Tilt and Follow the Pointer need a mouse or pen, because touch input is ignored.
Switch on Follow the Pointer on each layer and give each one a different Farthest Shift (px) value.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide