MotionLang

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

星光闪烁Sparkle

几个四角星在固定位置上依次亮起又灭掉,每个星的相位都错开,所以从来不会一起亮。它们不移动、不飞出画面 —— 只是在「闪」,这一点是它和粒子类动效的全部分界。

在工具里打开这条

什么时候用它

用在「新」「稀有」「限时」这类标签上,以及成就解锁的那一刻。别铺满整屏、别循环太久 —— 闪烁超过两秒就会从「珍贵」变成「故障」,而且它会在余光里一直抢注意力。

参数

18 stars · transform: scale 0→1→0 · rotate 0→90deg · 900ms ease-in-out · per-star delay 0–1.4s

配方

  1. 星光闪烁 → 18 stars · transform: scale 0→1→0 · rotate 0→90deg · 900ms ease-in-out · per-star delay 0–1.4s

给 AI 的一句话

做一层星光:在固定位置放 18 颗四角星,每颗的 transform 从 scale(0) 到 scale(1) 再回到 0,同时 rotate 从 0 到 90 度,单颗 900ms 用 ease-in-out;每颗给一个 0 到 1.4s 之间各不相同的 delay,让它们错开。星星不要位移,也不要飞出容器。

同类的其他动效