CSS backdrop-filter Property Explained

What the CSS backdrop-filter property does, with an example.

Published November 6, 2026

The CSS backdrop-filter property applies graphical effects to the area behind an element, commonly used for frosted-glass UI effects.

Key points

  • Check browser compatibility on a resource like caniuse.com if targeting older browsers

Example

backdrop-filter: blur(10px);
More CSS articles