提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「懸停漸層邊框」(Hover Border Gradient) 效果。
一小段漸層亮光停在邊框的某一處；游標懸停時，它沿著邊框等速環繞，同時整圈邊框帶著柔和光暈變亮。
只在懸停時讓邊框動起來；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。相似的動效
A
Border Beam (邊框光束)
別稱 Shine border, Animated border, Glowing effect, Moving Border
一道明亮的高光沿著卡片邊框環繞移動。
適用情境
精選卡片、CTA
在[套用位置]加入「邊框光束」(Border Beam) 效果，也叫 shine border 或 moving border。
一道短而亮的高光沿著卡片邊框以均勻、從容的速度環繞移動，循環時不能出現明顯跳動。
效果不能改變卡片的內容和尺寸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止光束。A
將滑鼠移到上面
Glow (發光)
別稱 Neon glow
懸停時，元素周圍出現一圈彩色光暈。
適用情境
按鈕、卡片、圖示
在[套用位置]加入「發光」(Glow) 懸停效果，也叫霓虹光暈 (neon glow)。
游標停在元素上時，元素周圍淡入一圈柔和的彩色光暈，移開後淡出：柔和，不帶位移。
光暈不要影響版面，鍵盤焦點時也呈現同樣的效果。A
將滑鼠移到上面
游標懸停時外框線從元素往外擴張，或往元素收縮。
適用情境
按鈕
在[套用位置]加入「外框擴張」(Outline Expand) 懸停效果。
外框線一開始緊貼元素邊緣，接著往外擴張，在四周留出一小圈間隙，懸停期間維持不變，游標移開後再收回：流暢而快速。
繪製外框時不要改變元素尺寸，也不要推擠周圍內容；鍵盤聚焦時也顯示同樣的效果。Hover 中的其他動效
A
將滑鼠移到上面
Hover Shadow (懸停陰影)
別稱 Drop Shadow on hover, Elevation on hover
游標懸停時元素下方出現或加深一層柔和陰影，營造浮起的感覺。
適用情境
卡片、按鈕
在[套用位置]加入「懸停陰影」(Hover Shadow) 效果，也叫 drop shadow on hover 或 elevation on hover。
游標懸停時，元素下方的柔和陰影加深並擴散，讓它看起來浮起；游標移開後再淡回原樣，元素本身保持不動。
陰影要夠含蓄，在淺色和深色主題下都合適；鍵盤聚焦時也顯示同樣的效果。A
將滑鼠移到上面
Hover State Layer (懸停狀態層)
別稱 Hover State, State layer, Hover overlay
一層半透明覆蓋層替元素染上顏色，表示游標正停在上面。
適用情境
設計系統元件
在[套用位置]加入「懸停狀態層」(Hover State Layer)，也叫 hover state、state layer 或 hover overlay。
游標懸停時，一層使用內容顏色的淡淡半透明覆蓋層快速淡入蓋住元素，游標移開後淡出。
保持夠淡，不影響對比度；聚焦和按下狀態也使用同樣的狀態層做法。A
將滑鼠移到上面
游標懸停時圖示往下掉出視線範圍，再從上方落回。
適用情境
圖示按鈕
在[套用位置]加入「圖示下落」(Icon Drop) 懸停效果。
元素內的圖示往下掉出視線範圍，再從上方落回原位：快速，落地輕柔。
每次游標移入只播放一次，不要循環；標籤和按鈕尺寸保持不變。