提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“轮廓扩展”(Outline Expand)悬停效果。
轮廓线起初紧贴元素边缘，随后向外扩展，在四周留出一小圈间隙，悬停期间保持不变，指针离开后再收回：顺滑而迅速。
绘制轮廓时不要改变元素尺寸，也不要挤动周围内容；键盘聚焦时也显示同样的效果。相似的动效
A
将鼠标悬停在上面
悬停时，同心的边框圆环从元素向外扩散或向内收缩。
适用场景
按钮
在[应用位置]添加“边框波纹”(Border Ripple)悬停效果。
指针移入时，几道边框圆环依次从元素向外扩散并淡出：快速轻盈，像水波一样。
每次悬停只播放一次，不要循环，也不要让圆环挤动周围的布局。A
将鼠标悬停在上面
悬停时，元素边缘内侧出现一条内描边线。
适用场景
按钮、卡片
在[应用位置]添加“内描边”(Trim)悬停效果。
指针停在元素上时，一条细线在元素边缘内侧淡入，移开后淡出：含蓄，不带位移。
线条要放在元素内部，保持元素尺寸不变，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
Glow (发光)
别称 Neon glow
悬停时，元素周围出现一圈彩色光晕。
适用场景
按钮、卡片、图标
在[应用位置]添加“发光”(Glow)悬停效果，也叫霓虹光晕(neon glow)。
指针停在元素上时，元素周围淡入一圈柔和的彩色光晕，移开后淡出：柔和，不带位移。
光晕不要影响布局，键盘焦点时也显示同样的效果。A
将鼠标悬停在上面
渐变边框沿元素四周流动，指针悬停时向外扩展。
适用场景
按钮、卡片
在[应用位置]添加“悬停渐变边框”(Hover Border Gradient)效果。
一段短渐变高光静止在边框的某一处；指针悬停时，它沿边框匀速环绕，同时整条边框带着柔和光晕变亮。
只在悬停时让边框动起来；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则保持静止。Hover 中的其他动效
ABC
将鼠标悬停在上面
悬停时文字上方出现一条线，从左侧、中间或右侧延伸开来。
适用场景
导航链接、标签页
在[应用位置]添加“上划线生长”(Overline Grow)悬停效果。
指针悬停时，文字上方的线从中间向两侧延伸，指针离开后再缩回中间：快速而顺滑。
预留出线条的空间，避免文字移位；键盘聚焦时也显示同样的效果。A
将鼠标悬停在上面
元素快速放大，再带着弹性“啵”地回到原样。
适用场景
图标、按钮
在[应用位置]添加“弹出”(Pop)悬停效果。
每次指针进入时，元素快速鼓起一次再回到正常大小，像一次带弹性的轻快弹跳。
每次悬停只播放一次，不要停留在放大状态，也不要循环；避免周围布局移位。A
将鼠标悬停在上面
元素向内一沉再弹回，仿佛按下了一个实体按钮。
适用场景
按钮
在[应用位置]添加“按压”(Push)悬停效果。
每次指针进入时，元素快速缩小一次再弹回正常大小，就像按下一个实体按钮。
每次悬停只播放一次，不要循环；避免周围布局移位。