Design Effects

Glassmorphism Generator

Design frosted-glass CSS surfaces

Backdrop

Glass tint

Opacity: 20%

Blur: 20px

Glass

CSS

background: #FFFFFF33;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 16px;