CSS Glassmorphism Designer

Create modern frosted glass styles with blur and transparency settings.

Horizontal Offset (10px)

Vertical Offset (10px)

Blur Radius (20px)

Spread Radius (0px)

Inset Shadow

CSS Output

box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

Processed locally in your browser — nothing is uploaded.

How to Use

Glassmorphism is a design trend characterized by translucent glass-like panels floating over vibrant background gradients.

CSS Box Shadow Generator

Design and customize CSS box shadow styles visually.

CSS Gradient Generator

Generate beautiful CSS linear and radial gradients.