Tag

#gradients

Tagged “gradients”

2 articles

Animating border-image finally works if you register the gradient stop

Preethi's new CSS-Tricks piece animates a gradient border-image by wrapping one of its stops in a typed custom property. The trick unlocks a moving decorative border in pure CSS, and hits a wall the moment your box has rounded corners.

Aug 11, 2026 · Iris Calderón CSS & layout

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