摇晃 Wobble
元素位移与旋转复合地晃动,像被撞了一下后慢慢稳住
撃了一下
**摇晃(Wobble)**比抖动(Shake)更“物理”:它是位移和旋转的复合运动,模拟物体被撞了一下、晃几晃后自己稳住的过程。抖动是机械的“错误!”,摇晃是有质量的“哎哟”——这正是它和 Shake 的气质差异。
什么时候用:卡片点击反馈、错误提示的“软版本”(不想太严厉时)、物理感强的界面(便签、磁贴)。
对 AI 说清楚的三要素:① 位移与旋转同时进行(单一是 Shake 不是 Wobble);② 幅度从 20px 级别起渐弱;③ 时长约 1s,缓动自然。
复制即用的提示词片段
卡片被点击后播放摇晃动画(Wobble):translateX 与 rotate 复合 (-24px/-5° → 20px/4° → 渐弱),像被轻撞后回稳,总时长 0.8~1s。