Hinge (鉸鏈掉落)

元素以頂邊為支點，像鐘擺一樣來回擺盪，幅度逐漸減小。

在[套用位置]加入「擺盪」(Swing) 提示效果。
元素要像懸掛的招牌一樣來回擺盪，一開始擺幅很大，接著很快平息。
以頂邊而不是中心為支點擺盪，觸發時只播放一次。

元素繞一個支點旋轉，同時淡出消失。

在[套用位置]加入「旋轉出場」(Rotate Out) 退場動畫。
元素繞自身中心旋轉略多於半圈，同時淡出：流暢，逐漸加速。
旋轉結束後再移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素向右滾出，同時淡出。

在[套用位置]加入「翻滾出場」(Roll Out) 退場動畫。
元素像輪子一樣邊轉動邊向右滾出，同時淡出：流暢，離開時加速。
等它完全滾走後再從版面中移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

元素從縮小且傾斜的狀態彈出，略微超出後穩定下來，就像驚奇箱裡的彈簧小丑。

在[套用位置]加入「玩偶盒彈出」(Jack In The Box) 進場動畫。
元素以底邊為支點，從很小且傾斜的狀態彈出，越過直立位置左右搖擺，然後穩定下來：有彈性、俏皮。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示、不做動畫。

元素帶著傾斜從側面疾速衝入，落定時恢復端正。

在[套用位置]加入「光速入場」(Light Speed In) 進場動畫，也叫 lightspeed in。
元素像高速飛馳般傾斜著從側面疾速衝入，傾斜先反向過頭一次，落定時恢復端正：快速且具戲劇性，結尾減速。
元素還在畫面外時不要產生水平捲軸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示、不做動畫。

元素傾斜著向側面疾速離開，同時淡出。

在[套用位置]加入「光速出場」(Light Speed Out) 退場動畫，也叫 lightspeed out。
元素傾斜著向側面疾速離開，同時淡出：要快，離開時逐漸加速。
越過邊緣時不要產生水平捲軸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。