CSS3可以實現制作立方體，代碼簡單，只是涉及CSS3的一些變換、動畫以及過渡屬性，而且這些大家都見過，通過制作這個立方體可以讓大家更好見識到CSS3的厲害。
實現效果如下圖：
立方體是由六個面組成，分上下、左右和前后，考慮這些可以助我們更好的融入css3的代碼
接下來就是要寫代碼了：
首先我們設一個大盒子cube，包裹住六個div：
然后是css代碼：
首先在.cube里設置寬高，整體居中，這些按個人習慣，不可省略的有定位，目的是為了讓每個面疊在一起，方便后來旋轉及平移操作，之后就是創造3d空間：.box里有perspective:800px;.cube里有transform-style:preserve-3d;