Flip In (翻轉入場)

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

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

卡片繞軸翻轉半圈，露出背面。

在[套用位置]加入「卡片翻轉」(Card Flip) 效果，也叫 flip card 或 card flip 3D。
游標停在卡片上時，卡片繞垂直軸透視翻轉、露出背面；游標移開後翻回來：平順而穩定。
隱藏每個面的背側，避免正反兩面互相透出；鍵盤焦點和觸控裝置上的輕點也要能觸發翻轉。

元素做 3D 旋轉，直到側面朝向、看不見為止。

在[套用位置]加入「翻轉出場」(Flip Out) 退場動畫，也叫 flip out X 或 flip out Y。
元素先稍微向後傾斜，再繞垂直軸旋轉到側面朝向並消失：快速、俐落。
加上透視 (perspective) 讓旋轉有縱深感，等旋轉結束後再移除元素；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

字母或單字繞軸做 3D 翻轉，露出背面的下一段文字。

在[套用位置]加入「3D 翻轉文字」(Text 3D Flip) 懸停效果，也叫 3D flip text reveal。
游標移到文字上時，每個字母繞水平軸做 3D 翻轉，露出另一面的新字母，一個接一個快速流暢地掃過；游標移開時再翻回來。
翻轉過程中保持文字框尺寸不變，鍵盤聚焦時也顯示同樣的效果。

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

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

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

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