Design · runs in your browser

Glassmorphism CSS Generator

Design frosted-glass panels with adjustable blur, opacity and saturation — copy CSS instantly.

Supported formats: CSS
Max file size: Max —
Speed: Real-time
Free: Free, no sign-up

Blur: 16pxOpacity: 30%Saturation: 180%

background: rgba(255, 255, 255, 0.30);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 16px;