MotionLang

反馈与交互 · 点一下的回应

粒子迸发Particle burst

一圈小点从中心同时向外飞出,越飞越慢、越飞越淡,不到一秒就没了。它是这一家族的地基:彩纸、烟花、火花都只是给它换了发射角度和受力方式,所以先把这一条做对,其余几条都是改参数。

在工具里打开这条

什么时候用它

用在「这件事成了」的一次性时刻 —— 支付成功、任务完成、解锁。一个界面里一次只放一处,而且不要循环:粒子一旦变成背景,庆祝就变成了噪音。

参数

on success · 22 particles · radius 34→96px · opacity 1→0 · 780ms ease-out

配方

  1. 粒子迸发 → 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。

同类的其他动效