Pulse Ring
A crisp ring, not a soft glow. Animating inset keeps the stroke weight constant.
Usage
3
Meant for
Examples
On a Avatar
A crisp expanding ring, not a soft glow. Animating inset rather than scale is what keeps the stroke weight constant as the ring grows. Avatar already uses its own ::after for the hairline border, so the ring goes on a round wrapper that hugs it.
LR
The class is wm wm-pulse-ring — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.