blur16px
saturation160%
opacity28%
radius16px
border opacity20%
frosted glass preview
background: rgba(255, 255, 255, 0.28);
backdrop-filter: blur(16px) saturate(160%);
-webkit-backdrop-filter: blur(16px) saturate(160%);
border: 1px solid rgba(255, 255, 255, 0.20);
border-radius: 16px;
About this tool
How to use it
- Adjust blur strength, background opacity, saturation, and tint color.
- Preview updates live.
- Copy the backdrop-filter and background CSS.
Why it lives here
Everything runs in your browser. No account, no ads, no tracking, and no upload.