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.
A frosted panel: a dark tint, an 18px blur with a little extra saturation, and a faint inner edge.
Materials for panels and cards: frosted glass and a window for screenshots. Open one for its code.
Three lines of CSS: a see-through tint, a blur of what is behind, and a faint edge to hold the shape.
A frosted panel: a dark tint, an 18px blur with a little extra saturation, and a faint inner edge.
Screenshots in a browser window at one fixed ratio, so nothing crops and every shot in a row shares its top edge and width. Inside a link it lifts with a coloured ring.