看上去還像那麼回事哈。話說這是第一次寫這個，剛開始時感覺有點無從下手，不過最後還是完成了。哈哈，下面就先上原始碼：
css樣式：
/外框架，便於整體移動/
.d.d1,.d2,.d3,.d4,.d5,.d6
/正面(d1)與背面(d3)/
.d1.d3
/右側面(d2)與左側面(d4)/
.d2.d4
.d2,.d4
/上面(d5)與下面(d6)/
.d5.d6
.d5,.d6
html內容：
純css3屬性實現靜態3d立方體---藝靈設計，qq群：231749938d1
d2 d3
d4 d5
d6 下面來說說自己的實現思路與方法。（以下觀點僅代表個人，不代表大眾）
學過數學的我們都知道立方體有6個面，那麼我們可以用6個div來表示6個面，這個也是最初級的寫法了。對於6個面，這裡分別用d1-d6來表示（正面：d1；背面d3；右側面：d2；左側面：d4；上面：d5；下面：d6）。由於視角不同，效果圖也會不同。對於圖中的效果完全是洒家構思的，目的是為了方便實現，並未做精確的角度測量與長度的變化。
仔細看6個面可以分為3組，即正面與背面;兩個側面。下兩個面;這樣一來的話我們只需要寫出d1;d2;d5這三個面的樣式，然後d3;d4;d6複製其樣式並進行位置上的偏移即可快速實現效果。下面d1就沒有什麼好說的了，對於d2與d5需要說一下。d2和d5都是乙個平行四邊形，這裡不需要用html5中高大上的「canvas」，只需要用到「css3」中的乙個「skewx」與乙個「transform-origin」即可。前者是「斜切」後者是「初始位置座標」，怎麼樣，是不是跟ps中的很像。這裡都是以45度表示的，親們在寫時可根據不同角度來修改數值哈。
純CSS3 實現3D魔方
1 思路 父盒子給子盒子開啟立體空間，並開啟透視，設定視距 子盒子設定擺放位置，與我們畫的正方體類似，按照平面正方體每個面的拜訪位置，我們通過旋轉 平移達到擺放的效果 父盒子設定過渡 滑鼠懸停到父盒子，子盒子做出的行為，分別向各自的方向擴散，並且側面要有一定的旋轉，為90 使其達到我們想看到的開啟效...
純css3實現旋轉3D立方體骰子
純css3實現旋轉3d立方體骰子 自旋轉型 主要運用css3的 transform，rotate，translate，animation等動畫 以 perspectiveperspective origintransform style 等屬性為輔助 具體實現 如下 container front ...
純CSS實現3D立方體效果
c keyframes zhuanto a.b d.e f.g style class c class a 正面div class b 右面div class d 左面div class e 背面div class f 頂面div class g 底面div div 注意 要實現3d效果首先必須設定...