Feedback & Interaction · What a tap feels like
Firework烟花
- rises, then bursts
- fused
- trails kept
A bright dot rises trailing a tail, pauses for an instant at its peak, then bursts into a shower of sparks falling outward. The rise is what separates it from a plain burst: the rise is what makes the viewer wait for the explosion. Bursting straight from the centre is over before anyone notices.
When to use it
Use it for year-end, launch and milestone moments — things worth looking up at. It is slower than the rest, and in a fast, repeated-feedback UI it immediately feels bloated. A firework on every button press is the classic misuse.
Parameters
on milestone · launch 520ms ease-out · 34 sparks · radius 26→112px · gravity 420px/s² · 1100ms ease-out
Recipe
Firework → on milestone · launch 520ms ease-out · 34 sparks · radius 26→112px · gravity 420px/s² · 1100ms ease-out
One sentence for your AI
Build a firework: a bright dot rises from the bottom to the upper middle over 520ms ease-out (decelerating, as if thrown). At the peak it bursts into 34 sparks, radius expanding from 26px to 112px while gravity at 420px/s² pulls them down, over 1100ms ease-out, with fading line segments as tails. The two stages must join with no pause between them.