attention-pulse

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

1. Copy attention-pulse.css and link it.
2. Add data-pulse to the element (set --pulse-color to match your accent).

Accessibility & performance

• prefers-reduced-motion: no pulse. Transform/opacity only (GPU-safe).