提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“心跳”(Heartbeat)效果，也叫 heart beat。
元素要快速地连续膨胀、回缩两次，然后稍作停顿再开始下一次，就像跳动的心脏。
无缝循环播放并保留两次心跳之间的停顿；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止动画。相似的动效
A
Pulse (脉冲)
别称 Pulsing
元素反复地轻柔缩放或淡入淡出。
适用场景
骨架屏加载、实时状态指示、CTA 按钮
在[应用位置]添加“脉冲”(Pulse)效果，也叫 pulsing。
元素要以缓慢、稳定的节奏轻轻膨胀再回缩：含蓄，不要有弹跳感。
无缝循环播放，不要让周围布局移动；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止动画。点击试试
Like / Heart Burst (点赞爱心)
别称 Heart animation, Twitter heart, Favorite toggle
点击时爱心图标填充颜色，并迸发出小粒子或跳动一下。
适用场景
点赞和收藏按钮
在[应用位置]添加“点赞爱心”(Like / Heart Burst)动画，也叫爱心动画(heart animation)或收藏切换(favorite toggle)。
点赞时爱心填充颜色并带弹性地弹一下，同时一圈光环和小圆点向外迸发并淡出，整体快速、俏皮；取消点赞时爱心只是安静地变空。
做成带按下状态的真正切换按钮，只在开启时播放迸发效果。A
元素放大后带着旋转左右晃动，再恢复原来大小，像在庆祝一样。
适用场景
成功状态、庆祝时刻
在[应用位置]添加“庆祝抖动”(Tada)提示效果。
元素要先微微缩小，再放大并快速倾斜着左右晃动，然后恢复正常大小，像一次小小的庆祝。
只播放一次（比如在操作成功后立即播放）；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就跳过这个动画。A
将鼠标悬停在上面
元素快速放大，再带着弹性“啵”地回到原样。
适用场景
图标、按钮
在[应用位置]添加“弹出”(Pop)悬停效果。
每次指针进入时，元素快速鼓起一次再回到正常大小，像一次带弹性的轻快弹跳。
每次悬停只播放一次，不要停留在放大状态，也不要循环；避免周围布局移位。Emphasis 中的其他动效
A
Jello (果冻)
别称 Jelly
元素像晃动的果冻一样来回倾斜变形，幅度逐渐减小。
适用场景
俏皮地强调按钮或 Logo
在[应用位置]添加“果冻”(Jello)提示效果，也叫 jelly。
元素要像晃动的果冻一样来回倾斜变形：一开始幅度大，然后很快平息下来。
触发时只播放一次，并保持元素占据的空间不变，避免周围内容移位。A
Ping (雷达扩散)
别称 Radar Ping, Ripple Ping, Ping (Radar Pulse), Pulse ring, Notification ping, Pulsating Button
元素的副本反复放大并淡出，就像雷达波纹。
适用场景
通知小圆点、实时状态
在[应用位置]添加“雷达扩散”(Ping)效果，也叫雷达波(radar ping)或脉冲环(pulse ring)。
元素的一个副本要向外扩大并淡出，以稳定的节奏一遍遍重复，而元素本身保持不动。
把圆环画在单独的图层上，确保它永远不影响布局；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止循环。