提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“下沉”(Sink)悬停效果。
指针停在元素上时，元素略微下移并保持住，仿佛被按进页面里，移开后再升回原位：平滑，没有回弹。
只在视觉上移动，不要让周围的布局发生位移，键盘焦点时也显示同样的效果。相似的动效
A
将鼠标悬停在上面
元素向内一沉再弹回，仿佛按下了一个实体按钮。
适用场景
按钮
在[应用位置]添加“按压”(Push)悬停效果。
每次指针进入时，元素快速缩小一次再弹回正常大小，就像按下一个实体按钮。
每次悬停只播放一次，不要循环；避免周围布局移位。A
将鼠标悬停在上面
Float (上浮)
别称 Lift, Raise
悬停时，元素向上浮起几个像素，仿佛漂浮起来。
适用场景
卡片、按钮
在[应用位置]添加“上浮”(Float)悬停效果，也叫抬升(lift)或升起(raise)。
指针停在元素上时，元素轻轻向上浮起并保持，指针移开后再落回：平滑柔和，没有回弹。
只做视觉上的移动，不要挤动周围的布局，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
Shrink (缩小)
别称 Scale Down
指针停在元素上时，元素平滑地略微缩小。
适用场景
按钮、磁贴
在[应用位置]添加“缩小”(Shrink)悬停效果，也叫缩小(scale down)。
指针停在元素上时，元素平滑地略微缩小，移开后恢复原来大小：快速而含蓄。
不要让周围的布局发生位移，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
Hover Shadow (悬停阴影)
别称 Drop Shadow on hover, Elevation on hover
悬停时元素下方出现或加深一层柔和阴影，营造抬升感。
适用场景
卡片、按钮
在[应用位置]添加“悬停阴影”(Hover Shadow)效果，也叫 drop shadow on hover 或 elevation on hover。
指针悬停时，元素下方的柔和阴影加深并扩散，让它看起来被抬起；指针离开后再淡回原样，元素本身保持不动。
阴影要足够含蓄，在浅色和深色主题下都合适；键盘聚焦时也显示同样的效果。Hover 中的其他动效
A
将鼠标悬停在上面
悬停时，元素向一侧斜切变形。
适用场景
按钮、标签
在[应用位置]添加“斜切”(Skew)悬停效果。
指针停在元素上时，元素向一侧斜切成轻微倾斜的样子，移开后恢复端正：快速而流畅。
倾斜时文字仍要清晰可读，不要让周围的布局发生位移，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
Speech Bubble (对话气泡)
别称 Bubble
悬停时，元素一侧出现一个对话气泡的小三角。
适用场景
标签页、工具提示
在[应用位置]添加“对话气泡”(Speech Bubble)悬停效果，也叫气泡(bubble)。
一个小三角尾巴从元素一侧的后面滑出，让元素变成对话气泡的形状，指针移开后再滑回去：快速而流畅。
尾巴要和元素同色，看起来是一个整体，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
悬停时，元素边缘内侧出现一条内描边线。
适用场景
按钮、卡片
在[应用位置]添加“内描边”(Trim)悬停效果。
指针停在元素上时，一条细线在元素边缘内侧淡入，移开后淡出：含蓄，不带位移。
线条要放在元素内部，保持元素尺寸不变，键盘焦点时也显示同样的效果。