3D Tilt (3D 傾斜)

游標在卡片上移動時，卡片隨之輕微平移和縮放。

在[套用位置]加入「搖晃卡片」(Wobble Card) 效果。
游標在卡片上移動時，卡片朝游標方向輕微平移，內容則朝反方向輕微平移並略微放大，平順地跟隨；游標移開後一切回到原位。
保持幅度很小；在觸控裝置上關閉，如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，也要關閉。

一道明亮的高光像反光一樣隨游標在卡片表面移動。

在[套用位置]加入「炫光全像卡片」(Glare / Holographic Card) 效果，也叫 glare card 或 glare hover。
一道柔和明亮的高光隨游標在卡片表面移動，像光線在上面反射，同時卡片朝游標方向微微傾斜；游標移開後兩者都淡出：平順而含蓄。
讓點擊能穿透高光層，確保底下的內容清楚易讀；在觸控裝置上顯示不帶高光的卡片。

懸停時卡片向後透視傾斜，同時一枚圖釘和光暈朝觀看者升起。

在[套用位置]加入「3D 圖釘」(3D Pin) 懸停效果，也叫 pin hover 3D。
游標停在卡片上時，卡片向後透視傾斜，同時一枚底部帶柔和光暈的圖釘從中心升起；游標移開後一切復原：平順，不要彈跳。
保持卡片在版面中所占空間不變，鍵盤焦點時也呈現同樣的效果。

文字跟隨滑鼠位置以 3D 透視方式傾斜轉動。

在[套用位置]加入「文字傾斜」(Text Tilt) 效果，也叫透視文字傾斜 (perspective text tilt)。
文字隨著游標移動平順跟隨，以 3D 方式輕輕朝游標傾斜，游標移開後再緩緩恢復平整。
傾斜幅度要含蓄，確保文字易讀；在觸控裝置上，以及如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，文字保持平整不動。

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

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

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

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

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

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