Nexu attention-pulse
A soft expanding ring to draw the eye to one element. Part of
motion-anything; obeys MOTION-SPEC.md.
When to use it
- A single primary CTA, an unread/new badge, or a notification dot.
When NOT to use it (restraint)
- More than one pulsing element at once. As decoration with no real call to act.
How to apply
- Copy
attention-pulse.cssand link it. - Add
data-pulseto the element (set--pulse-colorto match your accent).
Accessibility & performance
prefers-reduced-motion: no pulse. Transform/opacity only (GPU-safe).