提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“图标飘走”(Icon Float Away)悬停效果。
当前图标向上飘走并淡出，同时新图标从下方飘上来补位，过渡顺滑；指针离开时反向切换回来。
切换过程中按钮尺寸保持固定；键盘聚焦时也显示同样的效果。相似的动效
A
将鼠标悬停在上面
悬停时图标向下掉出视野，再从上方落回。
适用场景
图标按钮
在[应用位置]添加“图标下落”(Icon Drop)悬停效果。
元素内的图标向下掉出视野，再从上方落回原位：迅速，落地轻柔。
每次指针进入只播放一次，不要循环；标签和按钮尺寸保持不变。AA
将鼠标悬停在上面
悬停时按钮文字滑出，箭头和填充色随之展开。
适用场景
CTA 按钮
在[应用位置]添加“交互悬停按钮”(Interactive Hover Button)效果。
文字旁的小圆点扩大直到填满按钮，同时文字向一侧滑出并淡出，带箭头的文字再从新填充色上方滑入：顺滑而迅速。
按钮尺寸保持固定，文字全程清晰可读；键盘聚焦时也显示同样的效果。点击试试
Copy-to-Clipboard Feedback (复制成功反馈)
别称 Copied state, Copy icon to checkmark
复制图标变成对勾，标签短暂显示“已复制”。
适用场景
代码块、分享链接
在[应用位置]添加“复制成功反馈”(Copy-to-Clipboard Feedback)动画，也叫已复制状态(copied state)或复制图标变对勾(copy icon to checkmark)。
点击复制按钮时，复制图标快速缩小消失，同时画出一个对勾，标签变为“已复制”，片刻之后一切平滑地恢复原样。
切换过程中保持按钮尺寸不变，不让任何东西位移，并把已复制状态告知屏幕阅读器。Hover 中的其他动效
A
将鼠标悬停在上面
悬停按钮时，按钮内的图标转动一圈。
适用场景
图标按钮
在[应用位置]添加“图标旋转”(Icon Spin)悬停效果。
指针进入时，元素内的图标顺滑地转一整圈；指针离开时再转回去。
只旋转图标，不旋转整个按钮；键盘聚焦时也显示同样的效果。将鼠标悬停在上面
Nudge Forward / Backward (前后轻推)
别称 Arrow nudge
悬停时箭头或元素本身向前或向后滑动几个像素。
适用场景
下一页/上一页链接、箭头
在[应用位置]添加“前后轻推”(Nudge Forward / Backward)悬停效果，也叫 arrow nudge。
指针悬停时，箭头朝它所指的方向轻轻滑动一小段，指针离开后滑回：快速、幅度小。
只移动箭头，不要让文字或布局跟着偏移；键盘聚焦时也显示同样的效果。