Card Flip (卡片翻轉)

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

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

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

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

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

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

內容分布在立方體的各個面上，立方體旋轉以顯示下一個面。

在[套用位置]加入「立方體旋轉」(Cube Rotate) 切換效果，也叫 3D cube 或 cube transition。
把內容放在透視立方體的各個側面上；每次按「下一個」，立方體繞垂直軸平順轉動，把下一個面轉到正前方。
只讓正面能被鍵盤和螢幕閱讀器存取；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，改用簡單的淡入淡出。

卡片略微錯開地疊在一起，最上面的卡片移開，露出下一張。

在[套用位置]加入「卡片堆疊」(Card Stack)，也叫 stacked cards。
把卡片略微錯開地一張張疊在後面；每次點擊，最上面的卡片往一側甩開並塞到最後，其餘卡片依序前移：平順，輕快俐落。
支援鍵盤操作，讓螢幕閱讀器能依序讀到每張卡片；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，改用簡單的淡入淡出。

中間的項目正對前方，兩側的項目透視斜向後方。

在[套用位置]加入「封面流」(Coverflow) 輪播，也叫 cover flow carousel。
中間的項目正對前方，兩側的項目透視地轉向後方；橫向拖曳時整排滑動，放開後平順地停在最近的項目上。
除了拖曳還要支援方向鍵和滑動手勢，並確保觸控裝置上頁面仍能正常垂直捲動。