CSS Backdrop Filter Generator

Craft frosted-glass, blur, and saturation effects with backdrop-filter.

Preview

Frosted Glass Panel

Filters

Blurpx

Brightness%

Contrast%

Saturate%

Hue rotatedeg

Sepia%

Grayscale%

Invert%

BG tint α

Generated CSS

Tip: Safari requires the -webkit-backdrop-filter prefix — the copy output includes it.

Copied!