Experiment 03
Pointer as input.
Four behaviours sharing a single pointer listener and a single ticker. All of it disabled on coarse pointers and under reduced motion.
01 — Magnetic targets
The label inside each target travels further than the shell. That offset between container and content is what separates a magnetic button from a button that simply moves.
02 — Tilt
Tilt
Perspective driven by the same pointer sample as everything else on the page.
One listener, one smoothed value, read by the cursor, the buttons and this card. Three independent listeners would drift apart by a frame and the page would feel subtly loose.
03 — Repulsion
Each character is its own element with an elastic return. The accessible string lives on aria-label and the spans are hidden, so a screen reader hears a sentence rather than sixteen letters.