Glassmorphism / Neumorphism CSS Generator

Design a glassmorphism or neumorphism CSS effect in your browser.

Style

Preview

Blur: 10px

Tint Color

#ffffff

Background Opacity: 0.25Border Opacity: 0.40Corner Radius: 16px

CSS

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 16px;