CSS Glass & Shadow Maker

Generate sliders for shadows and glassmorphism filters to copy CSS.

CSS Glass & Shadow Maker

Design premium glassmorphism filters and box shadows live and copy the styling codes.

Design Sliders

Box Shadow Controls

Offset X10px

Offset Y10px

Blur Radius20px

Shadow Color

Color Opacity15%

Glassmorphism Filters

Backdrop Blur12px

Transparency25%

Border Width1px

Live Glass PreviewInspect borders and shadow dimensions.

CSS Output Rules

/* Glassmorphism Stylesheet rules */
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.15);