Glassmorphism CSS Generator

Build frosted glass effects with live preview · Copy CSS instantly · Shareable links

Presets:

Color #ffffff

Opacity 3%

Blur 12px

Saturation 150%

Color #00e5ff

Width

Opacity 20%

Radius 16px

Color #00e5ff

Size 24px

Intensity 15%

Inner top highlight

Light background preview

Glass Component

Backdrop blur + frosted glass effect. Drag the sliders to build your style.

claed3d.com

CSS Output