提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「翻滾出場」(Roll Out) 退場動畫。
元素像輪子一樣邊轉動邊向右滾出，同時淡出：流暢，離開時加速。
等它完全滾走後再從版面中移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。相似的動效
A
元素繞一個支點旋轉，同時淡出消失。
適用情境
項目的活潑移除
在[套用位置]加入「旋轉出場」(Rotate Out) 退場動畫。
元素繞自身中心旋轉略多於半圈，同時淡出：流暢，逐漸加速。
旋轉結束後再移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。A
Slide Out (滑出)
別稱 Slide Out Up, Slide Out Down
元素滑出容器邊緣後消失。
適用情境
關閉抽屜和面板
在[套用位置]加入「滑出」(Slide Out) 退場動畫，也叫 slide out up 或 slide out down。
元素保持完全不透明，滑出容器邊緣後消失：快速，離開時加速。
在容器邊緣處裁切，離開畫面後對鍵盤和螢幕閱讀器也隱藏；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。A
元素像輪子一樣從左側滾入，同時淡入。
適用情境
清單項目的活潑進場
在[套用位置]加入「翻滾入場」(Roll In) 進場動畫。
元素像輪子一樣邊轉動邊從左側滾入，同時淡入：流暢，落定時減速。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示、不做動畫。A
元素以左上角為鉸鏈擺動、晃盪幾下，然後掉出螢幕。
適用情境
以逗趣的方式移除元素
在[套用位置]加入「鉸鏈掉落」(Hinge) 退場動畫。
元素像螺絲鬆脫一樣以左上角為軸向下擺，來回晃盪，然後一邊淡出一邊掉出螢幕：緩慢、逗趣、刻意。
讓它從其他內容上方掉落，不要擠動版面或產生捲軸，掉落後移除元素；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。Entrance & Exit 中的其他動效
A
Rotate In (旋轉入場)
別稱 Rotate In Down Left
元素繞某個角或自身中心旋轉進場，同時淡入。
適用情境
圖示或卡片的活潑進場
在[套用位置]加入「旋轉入場」(Rotate In) 進場動畫，也叫 rotate in down left。
元素從傾斜的角度出發，繞左下角旋轉到定位，同時淡入：流暢、從容，落定時逐漸減速。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示、不做動畫。A
Slide In (滑入)
別稱 Slide In Up, Slide In Down, Slide In Left, Slide In Right
元素從容器邊緣之外滑入到停靠位置，不帶淡入效果。
適用情境
抽屜、側邊面板、橫幅
在[套用位置]加入「滑入」(Slide In) 進場動畫，也叫 slide in left、slide in right、slide in up 或 slide in down。
元素從容器邊緣之外滑到停靠位置，全程保持完全不透明：快速，平順減速，不要回彈。
在容器邊緣處裁切，避免它在外面時蓋住相鄰元素或產生捲軸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示。