提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“对话气泡”(Speech Bubble)悬停效果，也叫气泡(bubble)。
一个小三角尾巴从元素一侧的后面滑出，让元素变成对话气泡的形状，指针移开后再滑回去：快速而流畅。
尾巴要和元素同色，看起来是一个整体，键盘焦点时也显示同样的效果。相似的动效
A
将鼠标悬停在上面
Tooltip Fade (文字提示淡入)
别称 Tooltip reveal
悬停片刻后，一个小标签在元素旁一边轻移到位一边淡入。
适用场景
图标说明、被截断的文字
在[应用位置]添加“文字提示淡入”(Tooltip Fade)，也叫 tooltip reveal。
鼠标悬停片刻后，标签在元素旁一边轻移到位一边淡入；指针离开时立即快速消失，不要延迟。
键盘聚焦时也要显示，按 Escape 可关闭，并把它与元素关联起来，让屏幕阅读器能读出。A
点击试试
Popover / Dropdown Open (下拉菜单弹出)
别称 Menu pop, Popover pop-in, Dropdown scale-fade
浮动菜单从触发按钮所在的位置一边放大一边淡入。
适用场景
下拉菜单、弹出层、选择列表
在[应用位置]添加“下拉菜单弹出”(Popover / Dropdown Open)动画，也叫 menu pop 或 dropdown scale-fade。
菜单从触发按钮旁的角落一边微微放大一边淡入，要快速、利落；关闭时淡出得稍快一些。
让菜单始终贴着触发按钮，按 Escape 或点击外部即可关闭，并在触发按钮上向屏幕阅读器标明展开状态。Hover 中的其他动效
A
将鼠标悬停在上面
悬停时，元素边缘内侧出现一条内描边线。
适用场景
按钮、卡片
在[应用位置]添加“内描边”(Trim)悬停效果。
指针停在元素上时，一条细线在元素边缘内侧淡入，移开后淡出：含蓄，不带位移。
线条要放在元素内部，保持元素尺寸不变，键盘焦点时也显示同样的效果。ABC
将鼠标悬停在上面
Underline Reveal (下划线显现)
别称 Overline Reveal, Reveal
一条线从底边或顶边滑入到位，为元素加上下划线或上划线。
适用场景
导航链接、按钮
在[应用位置]添加“下划线显现”(Underline Reveal)悬停效果，也叫上划线显现(overline reveal)或显现(reveal)。
指针停在元素上时，一条通宽的线从底边正下方向上滑入到位，移开后再向下滑出视野：快速而流畅。
在边缘处裁剪线条，让它以滑入而不是淡入或伸长的方式出现，键盘焦点时也显示同样的效果。A
移动指针试试
指针在卡片上移动时，卡片随之轻微平移和缩放。
适用场景
促销卡片
在[应用位置]添加“晃动卡片”(Wobble Card)效果。
指针在卡片上移动时，卡片朝指针方向轻微平移，内容则朝反方向轻微平移并略微放大，平滑地跟随；指针移开后一切回到原位。
保持幅度很小；在触屏设备上关闭，如果用户开启了“减少动态效果”(prefers-reduced-motion)，也要关闭。