Feature · Elementor · King Addons
Matte Glass Background: blur and tint on the wrapper
Glass only reads as glass if something is visible behind the element. Put it over an image or a mesh background, not over a flat white section.
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 Matte Glass Background, Blur Value, Color. Switch uses prefix_class kng-glass-bg-.
Where to find it in WordPress
Dashboard → Features → Matte Glass Background. Select the card/container → Advanced.
How to set it up
- Enable the feature. Dashboard.
- Place a background behind the element. Image, gradient, or video.
- Enable Matte Glass on the overlaying container. Set blur and tint.
- Check Safari/Firefox. backdrop-filter support varies; keep a solid fallback color.
Controls that change behavior
| Control | What the plugin does |
|---|---|
| Enable Matte Glass Background | Turns on the CSS class. |
| Blur Value | Strength of the frosted effect. |
| Color | Tint on top of the blur. |
When this is the right tool
- A pricing card over a hero photo.
- A sticky header strip over a video (if the theme allows).
Notes from the implementation
This is not the Animated Mesh feature. Mesh paints a generated background; glass filters what is already there. kingaddons.com.
FAQ
I only see a solid color.
Nothing interesting is behind the element, or blur is 0.
Performance?
Large full-page backdrop-filter is expensive. Keep glass on small cards.
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).
Floating Animation
Advanced-tab Enable Floating Animation plus Offset X, Offset Y, Duration, and animation delay. Prefix class on the element.
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
Matte Glass Background ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.