Glass Gen

Frosted-glass cards in a few slides. Tune the blur, tint and border over a colorful backdrop, then copy the CSS.

Frosted glass Everything behind this card is blurred live by your browser. backdrop-filter

Your image

Blur Transparency Saturation Border opacity Corner radius

Tint Shadow

Presets

CSS

Works in all current browsers. -webkit-backdrop-filter is included for Safari.