提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 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。
游標懸停時，箭頭朝它指的方向輕輕滑動一小段，游標移開後滑回：快速、幅度小。
只移動箭頭，不要讓文字或版面跟著位移；鍵盤聚焦時也顯示同樣的效果。