CSS3 製作魔方 - 玩轉魔方

在上一篇《CSS3 製作魔方 - 形成魔方》中介紹了一個完整魔方的繪製實現，本文將介紹魔方的玩轉，支持上下左右每一層獨立地旋轉。先來一睹玩轉的風采。   1.一個問題 由於魔方格的位置與轉動的路徑相關，僅依靠 rotateX，rotateY，rotateZ 單個的值無法直接表明其定位。如下圖，第一個魔方格進行了特殊化處理。 當使用路徑 rotateY(90)->rotateY(90)->rotat

>>阅读原文<<