Feature · Elementor · King Addons
Animated Gradient / Mesh Background on the Advanced tab
This is a section/container background feature, not a “particles widget”. Enable it per element after the dashboard Feature toggle.
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 include Enable Background, Type (gradient / mesh), Preset, Enable Animation, Speed, Direction, Opacity, Blur, Animation Easing, Gradient Angle, Background Size, Z-Index, Noise Overlay, Noise Amount, plus custom colors, blend modes (normal, multiply, screen, overlay), and layering (section / page / hybrid / parallax).
An editor notice tells you to refresh preview if the animation throttles. Export of custom color fields is a separate toggle in PHP.
Where to find it in WordPress
Dashboard → Features → Animated Gradient / Mesh Background. Elementor → select section or container → Advanced.
How to set it up
- Enable the feature. Dashboard → Features.
- Select a section or container. Widgets can work too if the section is registered on common advanced.
- Enable Background and pick Type. Gradient vs mesh.
- Start from a Preset. Then speed, direction, opacity, blur.
- Optional noise. Grain/lines/dots/crosshatch — keep amount low.
Controls that change behavior
| Control | What the plugin does |
|---|---|
| Type | gradient vs mesh. |
| Enable Animation / Speed / Direction / Easing | Motion. |
| Noise Overlay | grain, lines, dots, crosshatch. |
| Z-Index / blend | Stacking against other backgrounds. |
When this is the right tool
- A hero that needs motion without a video file.
- A mesh glow behind a pricing section.
Notes from the implementation
Stacking this with Particles and Parallax on the same section is how pages get heavy. Pick one hero treatment. kingaddons.com.
FAQ
I do not see the section.
Feature off, or you selected a widget that does not receive this controls hook.
Preview looks stuttery.
The control’s own copy: refresh Elementor preview after several edits.
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.
Floating Animation
Advanced-tab Enable Floating Animation plus Offset X, Offset Y, Duration, and animation delay. Prefix class on the element.
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
Animated Gradient / Mesh Background ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.