BadgePro

background-clip: text plus a moving background position. Four lines, no JS.

Star shapes on a clip-path polygon, each with its own delay and position. No SVG and no sprite sheet.

Two offset copies of the text in cyan and pink, each clipped to a different band on a two-step timer. The steps are what make it read as broken rather than smooth.

@property makes the conic angle animatable. Without it the initial angle just stays.

The bottom border is the key travel. Two pixels do all the work.

A crisp ring, not a soft glow. Animating inset keeps the stroke weight constant.

The pill keeps an opaque fill while the gradient lives in the border box, so the label stays readable as the colours travel.

The arrow arrives from the direction it points.