Design gallery
All groups

Surfaces 2

Materials for panels and cards: frosted glass and a window for screenshots. Open one for its code.

A card on glass

Three lines of CSS: a see-through tint, a blur of what is behind, and a faint edge to hold the shape.

Main actionSecond link

A frosted panel: a dark tint, an 18px blur with a little extra saturation, and a faint inner edge.