Tap Spark
Sparks fly out on a rotated transform-origin, scaling up as they fade. Eight nodes, one keyframe.
Usage
Tap
Meant for
Examples
On a Icon Button
Sparks on a rotated transform-origin, scaling up as they fade. Eight nodes and one keyframe — set --wm-r per spark and the class does the rest. The class animates every child, so the sparks get their own layer stacked on the button in one grid cell; the button itself never moves.
The class is wm wm-tap-spark — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.