摇摆 Swing
元素以顶端为轴像钟摆一样左右摆动,幅度渐弱至停
摇摆的牌子
摇摆(Swing)和抖动的区别在于轴:抖动是整体平移,摇摆绕着顶端的轴转动——像挂在绳子上的牌子被拨了一下。所以它的关键参数是 transform-origin: top center,轴不对,味道就全变了。
什么时候用:悬挂式标签、通知铃铛、树上/钩子上的装饰元素——一切“物理上真的会被挂起来”的东西。也常用于入场后的“余韵”动画。
对 AI 说清楚的三要素:① 转轴在顶部(transform-origin: top center);② 最大摆角 10°15° 渐弱;③ 时长 0.81s。
复制即用的提示词片段
悬挂式图标播放摇摆动画(Swing):transform-origin 设在顶端中心, rotate 在 15° 与 -10° 间交替摆动、幅度渐弱归零,总时长 0.9s。