Skip to main content

Elevation

Foundations

The stacked elevation ramp (shadow-2xs → shadow-2xl) and its hairline-ring variant (shadow-ring-*) for floating surfaces, plus shadow-hairline for a bare 1px edge.

Examples

4 live examples

Why the ring (the double edge)

shadow-hairline (edge without lift)

The strength dial