CSS Backdrop Filter Generator

Build glassmorphism and frosted glass panels with backdrop-filter. Combine blur, brightness, contrast, saturation and hue-rotate — copy CSS instantly.

Presets
Backdrop Filters
12px
110%
100%
120%
0deg
0%
Panel Style
15%
20%
Glass Panel
CSS backdrop-filter with blur, brightness and saturation applied to everything behind this panel.
Get started →
Scene:

Generated CSS