Glassmorphism Generator

Blur (10px): Opacity (0.2): Saturation (100%): Base Color:

PREVIEW

background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px) saturate(100%);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.30000000000000004);