Tag

#shapes

Tagged “shapes”

2 articles

Hard color stops turn conic-gradient() into a triangle machine

Chris Coyier makes the case that conic-gradient() with two hard color stops is the fastest way to draw a triangle in CSS. The from and at keywords do most of the work.

Jul 29, 2026 · Iris Calderón CSS & layout

border-shape is the property clip-path always owed you

The upcoming CSS border-shape accepts the same values as clip-path, but border, box-shadow and outline follow the shape instead of getting clipped off. It is the missing half of the CSS shapes story — Chromium-only for now.

Jul 8, 2026 · Dex Halloran