TAG

Elements tagged surface

8 elements, each rendered live with its source and the one thing that breaks it.

1. A shadow that knows the shape filter: drop-shadow()
2. Four faint shadows beat one dark one box-shadow ×4
3. Five colours out of one token oklch(from …)
4. The same two colours, mixed two ways color-mix()
5. Type that inverts itself over anything mix-blend-mode: difference
6. One declaration that covers both themes light-dark()
7. A gradient border that keeps its corners background + padding
8. Frosted glass over anything backdrop-filter