Comet Rim
Two blurred blobs slide along opposite edges inside an overflow-hidden pill.
Usage
Start free
Meant for
Examples
On a Stat Card
Two heads travelling opposite edges. On a card the effect has room to read; under about 120px wide the two heads meet and it just looks like a pulse. StatCard grows to fill a row (flex-1), so pin it to its 240px design width with flex-none.
14.2%
Monthly revenue
$48,210
The class is wm wm-comet-rim — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.