首先建立html結構
123
456
然後定義css，關鍵是透視和style
.container
#cube
#cube figure
定義立方體的6個面，乙個element是有正反面的，這裡都是以div中心先旋轉乙個角度，比如說back是先旋轉180度，這時這個div的z軸射向頁面裡（預設的是從頁面射向外面），然後向頁面裡100px
#cube .front
#cube .back
#cube .right
#cube .left
#cube .top
#cube .bottom
cube建立好了之後可以開始定義對cube的transform
#cube.show-front
#cube.show-back
#cube.show-right
#cube.show-left
#cube.show-top
#cube.show-bottom
最後加上transition
#cube要點：cube裡的元素是乙個整體，所有的transform都受到影響
一般是cube裡的元素先transform到相應的位置，然後對cube進行transform
transform順序很重要
transform總是和原始狀態比較，不是和當前狀態比較，如果沒有用transition就沒有動畫，直接從乙個狀態變到另乙個
transition會負責如何從當前狀態到下乙個狀態，如果你想控制這個過程，應該用css3中的animation
玩轉CSS3旋轉3D（transform）
不支援opera css 摺疊 contaner buddycloud buddycloud h1 box box h1 buddycloud stream js，這裡用到兩個外掛程式modernizr.custom和prefixfree.min 自動新增字首 var mouse 定義初試座標 va...
CSS入門 3 3 CSS高階特性
標籤指定式選擇器又稱交集選擇器，由連個選擇器構成，其中第乙個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格，如h3.special或p one.如 這是一段藍色段落文字 普通 special 指定了.special類的段落文字 綠色 後代選擇器用來選擇元素或元素組的後代...
css3 3d特效彙總
dom結構 figure div span class face hover me span span class face button span div figure 原理 把兩個span弄成方塊，給figure繫結 hover hover 時 div 繞x旋轉 實現效果和 第乙個類似 僅僅是 ...