Glassmorphism Generator

Create frosted glass CSS effects.

Glass

Blur: 16px

Opacity: 15%

Radius: 20px

Border highlight

CSS

background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.18);

Related tools