提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「Dock 放大」(Dock Magnification) 效果，也叫 Dock (dock)。
游標越靠近，這一排圖示就平順地放大，最近的圖示最大、相鄰的圖示稍微放大；游標移開後全部恢復原本大小。
圖示從固定的基準線向上放大；在觸控和鍵盤操作時，每個圖示都要以正常大小正常可用。相似的動效
A
將滑鼠移到上面
Grow (放大)
別稱 Scale Up, Zoom In on hover
游標停在元素上時，元素平順地略微放大。
適用情境
按鈕、連結、縮圖
在[套用位置]加入「放大」(Grow) 懸停效果，也叫放大縮放 (scale up)。
游標停在元素上時，元素平順地略微放大，移開後恢復原本大小：快速而含蓄。
不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。A
移動指標試試
Magnetic Button (磁吸按鈕)
別稱 Magnetic target, Magnetic hover
游標靠近時元素被吸向游標，離開後又彈回原位。
適用情境
CTA 按鈕、導覽圖示
在[套用位置]加入「磁吸按鈕」(Magnetic Button) 效果，也叫磁吸目標 (magnetic target) 或磁吸懸停 (magnetic hover)。
游標靠近時，按鈕被輕輕吸向游標，按鈕文字移動得再多一點；游標離開後，按鈕帶著一點小彈跳回到原位。
不要讓周圍版面跟著移動；在觸控裝置上，或者如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就關閉吸附。將滑鼠移到上面
Hover Zoom (懸停縮放)
別稱 Image zoom on hover, Zoom-pan, Ken Burns hover zoom, Zoom effect
懸停時圖片在框內放大，有時還會隨游標平移。
適用情境
產品卡片、縮圖
在[套用位置]加入「懸停縮放」(Hover Zoom) 效果，也叫 image zoom on hover 或 zoom-pan。
游標停在圖片上時，圖片在框內緩慢平順地放大，框的尺寸保持不變；游標移開後平順復原。
把圖片裁切在框內，不要溢出版面；鍵盤焦點時也呈現同樣的放大效果。Hover 中的其他動效
A
將滑鼠移到上面
Float (浮起)
別稱 Lift, Raise
懸停時，元素向上浮起幾個像素，彷彿飄浮起來。
適用情境
卡片、按鈕
在[套用位置]加入「浮起」(Float) 懸停效果，也叫抬升 (lift) 或升起 (raise)。
游標停在元素上時，元素輕輕向上浮起並維持，游標移開後再落回：平順柔和，沒有回彈。
只做視覺上的移動，不要推擠周圍的版面，鍵盤焦點時也呈現同樣的效果。ABC
移動指標試試
Focus Cards (聚焦卡片)
別稱 Blur siblings on hover, Hover focus blur, Card hover effect
懸停的卡片保持清晰，其餘卡片變得模糊、變暗。
適用情境
卡片網格、藝廊
在[套用位置]加入「聚焦卡片」(Focus Cards) 效果，也叫懸停時模糊其他卡片 (blur siblings on hover)、懸停聚焦模糊 (hover focus blur) 或卡片懸停效果 (card hover effect)。
游標停在某張卡片上時，其他卡片變模糊、變暗並略微縮小，懸停的卡片保持清晰；整個過程平順過渡，游標移開後恢復原狀。
鍵盤焦點時也採用同樣的聚焦效果；沒有懸停任何卡片時，所有卡片都保持清楚易讀。A
將滑鼠移到上面
Glow (發光)
別稱 Neon glow
懸停時，元素周圍出現一圈彩色光暈。
適用情境
按鈕、卡片、圖示
在[套用位置]加入「發光」(Glow) 懸停效果，也叫霓虹光暈 (neon glow)。
游標停在元素上時，元素周圍淡入一圈柔和的彩色光暈，移開後淡出：柔和，不帶位移。
光暈不要影響版面，鍵盤焦點時也呈現同樣的效果。