Flip Out (翻轉出場)

元素繞水平軸或垂直軸做 3D 旋轉，從側面朝向轉為正對觀看者。

在[套用位置]加入「翻轉入場」(Flip In) 進場動畫，也叫 flip in X 或 flip in Y。
元素從側面朝向開始，繞水平軸旋轉到正對觀看者，略微轉過頭再回來後穩定：快速，帶一點晃動。
加上透視 (perspective) 讓旋轉有縱深感；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接以正面狀態顯示、不做動畫。

元素繞 Y 軸旋轉一整圈，同時稍微靠近觀看者再退回。

在[套用位置]加入「翻轉」(Flip) 動畫。
元素繞垂直軸旋轉一整圈，同時稍微靠近觀看者，然後尺寸微微一縮再回到原位：活潑但簡短。
加上透視 (perspective) 讓旋轉有縱深感，只播放一次、不要循環；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就省略旋轉。

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

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

元素以左上角為鉸鏈擺動、晃盪幾下，然後掉出螢幕。

在[套用位置]加入「鉸鏈掉落」(Hinge) 退場動畫。
元素像螺絲鬆脫一樣以左上角為軸向下擺，來回晃盪，然後一邊淡出一邊掉出螢幕：緩慢、逗趣、刻意。
讓它從其他內容上方掉落，不要擠動版面或產生捲軸，掉落後移除元素；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

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

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

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

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