Generate frosted-glass CSS effects in seconds. Adjust blur, transparency, border radius, and more — then copy the ready-to-use CSS code.

Presets

Glass Effect

Blur Amount 12px
Transparency 0.15
Border Radius 16px
Border Width 1px
Border Opacity 0.30

Colors

Card base color
Text color

Background Gradient

Color 1
Color 2
Dark preview background
backdrop-filter is supported in Chrome 76+, Firefox 103+, Safari 9+, Edge 17+. Prefix: -webkit-backdrop-filter for older Safari.

Glass Card

Frosted glass effect

Learn more
CSS 
Generate box shadows → Box Shadow Generator
Create gradients → CSS Gradient Generator
Build buttons → CSS Button Generator