Design gallery
All groups

Surfaces 1

Materials for panels and cards, starting with the glass. 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.