提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 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)，也要關閉。