Back Out (回拉出場)

元素輕輕彈一下，然後縮小消失或從邊緣飛出。

在[套用位置]加入「彈跳出場」(Bounce Out) 退場動畫。
元素先輕輕下沉，再略微脹大超過原尺寸，然後一邊縮小一邊淡出：短促、有彈性。
等動畫結束後再將它從版面中移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素縮小並淡出，直到消失。

在[套用位置]加入「縮放出場」(Zoom Out) 退場動畫，也叫 scale out。
元素朝中心縮小並淡出，直到消失：快速，逐漸加速。
完全消失後再從版面和鍵盤焦點中移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素滑出容器邊緣後消失。

在[套用位置]加入「滑出」(Slide Out) 退場動畫，也叫 slide out up 或 slide out down。
元素保持完全不透明，滑出容器邊緣後消失：快速，離開時加速。
在容器邊緣處裁切，離開畫面後對鍵盤和螢幕閱讀器也隱藏；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素朝一個方向移開，同時淡出。

在[套用位置]加入「方向淡出」(Fade Out Directional) 退場動畫，也叫 fade out up 或 fade out down。
元素朝一個方向移動一小段距離並淡出：快速，離開時逐漸加速。
等淡出結束後再將它從版面中移除，避免相鄰內容提前跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素從嚴重模糊的狀態逐漸變清晰，常伴隨滑入或淡入。

在[套用位置]加入「模糊入場」(Blur In) 進場動畫，也叫 text focus in、focus in 或 blur text reveal。
內容從嚴重模糊且透明的狀態開始，在原地逐漸變清晰：柔和、偏慢，沒有位移。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示清晰的文字。

元素在淡出或滑出的同時逐漸變模糊。

在[套用位置]加入「模糊出場」(Blur Out) 退場動畫，也叫 text blur out 或 smoky text dissipate。
內容在原地越來越模糊並逐漸淡出：柔和、偏慢，彷彿消散一般。
等模糊效果結束後再隱藏或移除元素；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素以超出後回落的彈跳方式進場，可以是放大出現，也可以從邊緣落下。

在[套用位置]加入「彈跳入場」(Bounce In) 進場動畫，也叫 bounce in down 或 bounce in up。
元素從小逐漸放大，略微超過完整尺寸後晃動幾下再穩定下來：快速、有彈性。
只播放一次，以免一直搶走注意力；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示、不做動畫。