Feature · Elementor · King Addons
Floating Animation: CSS translation, not a JS library
Floating Animation is a looping CSS motion. There is no physics engine. Large offsets on big sections cause motion-sickness — keep values small.
Get King Addons
Install the plugin from WordPress.org, enable this feature in the dashboard, then follow the steps on this page.
What it actually does
Controls: Enable Floating Animation, Offset X, Offset Y, Duration, Animation delay. Frontend-available; prefix_class is set in PHP.
Where to find it in WordPress
Dashboard → Features → Floating Animation. Select the element → Advanced.
How to set it up
- Enable the feature. Dashboard.
- Select a small element. Icons and badges work better than whole pages.
- Enable Floating Animation. Set modest X/Y offsets and a slow duration.
- Preview reduced-motion. Some visitors disable animation at OS level.
Controls that change behavior
| Control | What the plugin does |
|---|---|
| Offset X / Offset Y | How far the loop travels. |
| Duration | Time for a cycle. |
| Animation delay | Stagger multiple floating items. |
When this is the right tool
- A decorative icon that should hover in place.
- A badge next to a heading.
Notes from the implementation
Combine with Rotating Animation only if you like chaos. kingaddons.com.
FAQ
It does not move.
Feature or enable switch off, or duration 0.
Is this Parallax?
No. Parallax ties to scroll. Floating loops forever.
Other King Addons features
Advanced Border Radius
Advanced tab switch Enable Advanced Border Radius, then Border Radius and Overflow (visible/hidden/scroll). Prefix class kng-adv-border-radius.
Animated Gradient / Mesh Background
Advanced-tab background: type gradient or mesh, presets, animation speed/direction/easing, opacity, blur, angle, size, z-index, noise (grain, lines, dots, crosshatch).
Matte Glass Background
Advanced-tab Enable Matte Glass Background, Blur Value, and Color. Prefix class kng-glass-bg. CSS backdrop blur — needs a background behind the element to show.
Parallax Background
Advanced-tab Enable Parallax, Image, Animation Speed and Moving Direction, Type (scroll, scale, opacity). Section/container background — not a slider widget.
Particles Background
Advanced-tab Enable Particles, Type (default, NASA, bubble, snow, Nyan Cat, custom JSON), color, speed, number, size, z-index, shape, move direction.
Rotating Animation
Enable Rotating Animation, Duration of single spin, Animation delay. Prefix class; frontend-available. Not a 3D product spinner widget.
Get King Addons
Floating Animation ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.