CSS Glassmorphism Generator

Create beautiful glassmorphism effects with real-time preview

Glassmorphism Effect

This is a preview of your glassmorphism design. Adjust the controls to customize the effect.

Blur: 10px

Transparency: 20%

Border Width: 1px

Border Radius: 16px

Glass:

Border:

Type:

Color 1:

Color 2:

/* Your CSS code will appear here */