Feedback & Interaction · What a tap feels like
Sparkle星光闪烁
- twinkling in place
- four-point stars
- out of phase
A handful of four-point stars light up and go out in place, each on its own phase, so they never all light together. They do not travel and never leave the frame — they only twinkle, and that is the whole boundary between this and the particle effects.
When to use it
Use it on “new”, “rare” and “limited” badges, and on the instant an achievement unlocks. Do not tile it across a screen or let it run long — past about two seconds twinkling stops reading as precious and starts reading as a fault, and it keeps pulling at peripheral vision the whole time.
Parameters
18 stars · transform: scale 0→1→0 · rotate 0→90deg · 900ms ease-in-out · per-star delay 0–1.4s
Recipe
Sparkle → 18 stars · transform: scale 0→1→0 · rotate 0→90deg · 900ms ease-in-out · per-star delay 0–1.4s
One sentence for your AI
Build a sparkle layer: place 18 four-point stars at fixed positions, each animating transform from scale(0) to scale(1) and back to 0 while rotating 0 to 90 degrees, 900ms per star with ease-in-out. Give each a different delay between 0 and 1.4s so they stay out of phase. The stars must not translate or leave the container.