反馈与交互 · 点一下的回应
粒子迸发Particle burst
- 从一个点炸开
- 放射
- 短促
一圈小点从中心同时向外飞出,越飞越慢、越飞越淡,不到一秒就没了。它是这一家族的地基:彩纸、烟花、火花都只是给它换了发射角度和受力方式,所以先把这一条做对,其余几条都是改参数。
什么时候用它
用在「这件事成了」的一次性时刻 —— 支付成功、任务完成、解锁。一个界面里一次只放一处,而且不要循环:粒子一旦变成背景,庆祝就变成了噪音。
参数
on success · 22 particles · radius 34→96px · opacity 1→0 · 780ms ease-out
配方
粒子迸发 → on success · 22 particles · radius 34→96px · opacity 1→0 · 780ms ease-out
给 AI 的一句话
做一个粒子迸发:从中心点生成 22 个小圆点,每个按 360/22 的角度向外飞,半径从 34px 到 96px,同时 opacity 从 1 到 0,整段 780ms 用 ease-out。用 transform 和 opacity,绝对不要动 left/top。