💎 Glassmorphism Generator

Create frosted glass effects with background blur, saturation, opacity, and border controls.

Background Blur16px

Saturation180%

Background Opacity20%

Border Opacity30%

Border Radius16px

Preview

Glass Card
This is a frosted glass effect example.

CSS Code

About Glassmorphism

A design trend using backdrop-filter to create frosted glass UI elements. Best used with a colorful background behind the glass element.