ADVERT

🧊 Glassmorphism Generator

Generate glassmorphism CSS with background transparency, blur, border radius, and frosted glass effects. Copy CSS code instantly.

Glassmorphism Generator

Design frosted-glass UI quickly. Pick a preset or tweak color, opacity, blur, radius, and border. Preview over background images and copy the CSS.

Appearance

Color

Opacity

0.25

Blur

14px

Radius

20px

Background

Show background image

Glass Card

Frosted UI over real content behind.

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

ADVERT

More like this

Generate neumorphic soft UI effects with adjustable shadows, blur, border radius, and inset mode. Copy CSS code instantly.

ADVERT