CSS Glassmorphism Generator

Create frosted glass UI effects with backdrop-filter

Glass Card

Beautiful frosted glass effect using CSS backdrop-filter

CSS Code

Presets

Glass Effect

Blur 10px

Opacity 0.15

Saturation 180%

Glass Color

Border Opacity 0.2

Border Radius 16px

Shadow Opacity 0.1

Background

Background

Color 1

Color 2

Color 3