CSS3D Transform 演示
探索 CSS3D 的無限可能
01
基礎 3D 翻轉
兩個方塊的立體翻轉效果，滑鼠懸停時觸發 3D 旋轉動畫。
translateZ
rotateX
preserve-3d
02
雙面卡片翻轉
兩張圖片背對背排列，點擊後翻轉 180 度，展示卡片翻面效果。
rotateY
backface-visibility
transition
03
3D 旋轉木馬
15 張圖片環繞排列，點擊任意圖片會自動旋轉至中央，支援動態縮放和透明度變化。
perspective
圓周排列
動態計算