提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“果冻”(Jello)提示效果，也叫 jelly。
元素要像晃动的果冻一样来回倾斜变形：一开始幅度大，然后很快平息下来。
触发时只播放一次，并保持元素占据的空间不变，避免周围内容移位。相似的动效
A
Rubber Band (橡皮筋)
别称 Rubberband
元素横向拉伸、纵向压扁，经过几次弹性变化后恢复原状。
适用场景
按钮反馈、吸引注意
在[应用位置]添加“橡皮筋”(Rubber Band)提示效果，也叫 rubberband。
元素要先横向拉宽、纵向压扁，再经过几次越来越小的弹性回弹，最后停在正常大小。
触发时只播放一次，并确保拉伸过程中周围布局不会移位。A
元素像不稳的物体一样，带着倾斜左右摇晃。
适用场景
吸引用户注意图标或按钮
在[应用位置]添加“晃动”(Wobble)提示效果。
元素要带着倾斜左右摇晃，一开始幅度很大，每摆一次就变小，直到停稳。
触发时只播放一次，并避免相邻内容移位。A
将鼠标悬停在上面
悬停时，元素向一侧斜切变形。
适用场景
按钮、标签
在[应用位置]添加“斜切”(Skew)悬停效果。
指针停在元素上时，元素向一侧斜切成轻微倾斜的样子，移开后恢复端正：快速而流畅。
倾斜时文字仍要清晰可读，不要让周围的布局发生位移，键盘焦点时也显示同样的效果。A
Head Shake (摇头)
别称 Headshake, No Shake
元素带着轻微旋转左右摆动，就像摇头表示“不”。
适用场景
输入无效或操作被拒绝
在[应用位置]添加“摇头”(Head Shake)提示效果，也叫 headshake 或 no shake。
元素要像摇头表示“不”一样，带着轻微扭转快速左右转动，每次幅度都比上一次小，最后停稳。
每次触发时只播放一次（比如操作被拒绝时），并且不要让周围的布局跟着移动。Emphasis 中的其他动效
A
Ping (雷达扩散)
别称 Radar Ping, Ripple Ping, Ping (Radar Pulse), Pulse ring, Notification ping, Pulsating Button
元素的副本反复放大并淡出，就像雷达波纹。
适用场景
通知小圆点、实时状态
在[应用位置]添加“雷达扩散”(Ping)效果，也叫雷达波(radar ping)或脉冲环(pulse ring)。
元素的一个副本要向外扩大并淡出，以稳定的节奏一遍遍重复，而元素本身保持不动。
把圆环画在单独的图层上，确保它永远不影响布局；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止循环。A
Pulse (脉冲)
别称 Pulsing
元素反复地轻柔缩放或淡入淡出。
适用场景
骨架屏加载、实时状态指示、CTA 按钮
在[应用位置]添加“脉冲”(Pulse)效果，也叫 pulsing。
元素要以缓慢、稳定的节奏轻轻膨胀再回缩：含蓄，不要有弹跳感。
无缝循环播放，不要让周围布局移动；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止动画。