提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「矩形填充」(Rectangle Fill) 懸停效果。
隨著內部矩形往中心收縮，新背景色從四邊往內合攏；游標移開後再重新打開，同時文字顏色隨之切換，保持清楚易讀：流暢而快速。
文字始終位在填充層上方；鍵盤聚焦時也顯示同樣的效果。相似的動效
A
將滑鼠移到上面
Shutter Fill (百葉窗填充)
別稱 Shutter
懸停時，背景像百葉窗一樣從中間或兩側展開或合攏。
適用情境
按鈕、卡片
在[套用位置]加入「百葉窗填充」(Shutter Fill) 懸停效果，也叫百葉窗 (shutter)。
新的背景色從中間一條直線像百葉窗一樣向兩側展開，游標移開後再往中間合攏，同時文字顏色跟著切換以保持清楚易讀：流暢而快速。
填色要裁切在元素內部，文字保持在上方，鍵盤焦點時也呈現同樣的效果。A
將滑鼠移到上面
Radial Fill (圓形填充)
別稱 Circle expand
游標懸停時一個彩色圓形從中心放大或往中心收縮，填滿元素。
適用情境
按鈕
在[套用位置]加入「圓形填充」(Radial Fill) 懸停效果，也叫 circle expand。
新顏色的圓形從中心流暢地放大到填滿元素，游標移開後再縮回中心，同時文字顏色隨之切換，保持清楚易讀。
圓形要裁切在元素形狀之內，文字位在它上方；鍵盤聚焦時也顯示同樣的效果。A
將滑鼠移到上面
Background Sweep (背景掃過)
別稱 Background Fill, Slide Fill
懸停時，彩色背景從一側邊緣掃過整個元素。
適用情境
按鈕、選單連結
在[套用位置]加入「背景掃過」(Background Sweep) 懸停效果，也叫背景填充 (background fill) 或滑動填充 (slide fill)。
新的背景色從左側邊緣掃到右側，平順、快速、不回彈，游標移開時以同樣方式退回，同時文字顏色跟著切換以維持可讀性。
讓填色始終裁切在元素的形狀之內，鍵盤焦點時也呈現同樣的效果。A
將滑鼠移到上面
彩色背景從一側掃入，帶有彈性的輕微過衝。
適用情境
按鈕
在[套用位置]加入「背景彈性掃過」(Background Bounce Sweep) 懸停效果。
新的背景色從一側掃入，帶著彈性稍微越過另一側邊緣後再回穩，同時文字顏色跟著切換以維持可讀性；游標移開時平順地滑出。
讓文字始終位於填色之上，鍵盤焦點時也呈現同樣的效果。Hover 中的其他動效
A
將滑鼠移到上面
游標懸停時元素旋轉幾度。
適用情境
圖示、縮圖
在[套用位置]加入「旋轉」(Rotate) 懸停效果。
游標懸停時，元素順時針輕微轉動，游標移開後轉回：流暢而含蓄。
避免周圍版面位移；鍵盤聚焦時也顯示同樣的效果。A
將滑鼠移到上面
懸停時，元素的直角平順地變成圓角。
適用情境
按鈕、圖片
在[套用位置]加入「圓角化」(Round Corners) 懸停效果。
游標停在元素上時，元素的直角平順地變圓，移開後再恢復成直角：柔和而快速。
保持元素尺寸不變，鍵盤焦點時也呈現同樣的效果。A
將滑鼠移到上面
Shine Sweep (光澤掃過)
別稱 Sheen, Shiny Button, Shine on Hover, Glint, Shimmer, Shimmer Button
懸停時，一道斜向光帶從元素的一側掃到另一側。
適用情境
按鈕、卡片、徽章
在[套用位置]加入「光澤掃過」(Shine Sweep) 懸停效果，也叫光澤 (sheen)、閃亮按鈕 (shiny button)、懸停掃光 (shine on hover)、閃光 (glint)、微光 (shimmer) 或微光按鈕 (shimmer button)。
游標停在元素上時，一道柔和的斜向光帶從左往右掃過元素，並在短暫停頓後重複。
光帶要裁切在元素內部，游標移開後停止；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要播放。