Skip to content
All effectsCard

Beacon Card

Two custom properties from pointermove. Here they animate so you can see it without a mouse.

CSS + a few linesCardPro

Usage

Revenue$34,100

Meant for

CardHolo CardKPIItem Card

Examples

On a StatCard

A spotlight in two custom properties. With no pointer it sweeps on its own; move the pointer over the card and the sweep steps aside so the light follows the cursor — the handler writes --wm-px / --wm-py on the wrapper and the card inherits them.

+12%

Revenue

$34,100

Prev: $30,400

The class is wm wm-beacon-card — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.