提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“橡皮筋”(Rubber Band)提示效果，也叫 rubberband。
元素要先横向拉宽、纵向压扁，再经过几次越来越小的弹性回弹，最后停在正常大小。
触发时只播放一次，并确保拉伸过程中周围布局不会移位。相似的动效
A
Jello (果冻)
别称 Jelly
元素像晃动的果冻一样来回倾斜变形，幅度逐渐减小。
适用场景
俏皮地强调按钮或 Logo
在[应用位置]添加“果冻”(Jello)提示效果，也叫 jelly。
元素要像晃动的果冻一样来回倾斜变形：一开始幅度大，然后很快平息下来。
触发时只播放一次，并保持元素占据的空间不变，避免周围内容移位。A
将鼠标悬停在上面
Bounce Scale (弹性缩放)
别称 Bounce In / Out
悬停开始或结束时，元素带着弹性过冲进行缩放。
适用场景
按钮、徽章
在[应用位置]添加“弹性缩放”(Bounce Scale)悬停效果，也叫弹入/弹出(bounce in / out)。
元素带着明显的弹性稍微放大，短暂超过最终尺寸后再回稳；指针移开时以同样的弹性缩回。
不要让周围的布局发生位移，键盘焦点时也显示同样的效果。Shake (抖动)
别称 Shake X, Shake Y, Shake Horizontal, Shake Vertical, shakeX, Error shake, Wiggle, Invalid input shake, Headshake
元素沿一个方向快速来回抖动。
适用场景
表单错误反馈
在[应用位置]添加“抖动”(Shake)效果，也叫 error shake 或 invalid input shake。
元素要快速左右抖动几次，然后正好停在起始位置：快速、干脆。
每次出错时播放一次，不要循环；同时显示可见的错误提示，让含义不只依赖动画来传达。A
将鼠标悬停在上面
元素快速放大，再带着弹性“啵”地回到原样。
适用场景
图标、按钮
在[应用位置]添加“弹出”(Pop)悬停效果。
每次指针进入时，元素快速鼓起一次再回到正常大小，像一次带弹性的轻快弹跳。
每次悬停只播放一次，不要停留在放大状态，也不要循环；避免周围布局移位。Emphasis 中的其他动效
Spin (无限旋转)
别称 Rotate Loop, Spinner
元素以恒定速度持续旋转。
适用场景
加载转圈指示器
在[应用位置]添加“无限旋转”(Spin)效果，也叫 spinner 或 rotate loop。
元素要以恒定、均匀的速度持续旋转，每圈之间不要有缓动。
让循环无缝衔接，给 spinner 加上无障碍的“加载中”标签；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就放慢或停止旋转。A
元素以顶边为支点，像钟摆一样来回摆动，幅度逐渐减小。
适用场景
悬挂的招牌、通知图标
在[应用位置]添加“摇摆”(Swing)提示效果。
元素要像悬挂的招牌一样来回摆动，一开始摆幅很大，然后很快平息。
以顶边而不是中心为支点摆动，触发时只播放一次。