1、先将平面上的6个DIV拼接在一起。形成一张类似于3d立方体图形展开的平面图。
2、我们需要将每一个面旋转到相应的位置上，每一个面的旋转轴都是不一样的。上下，左右，分别对应的旋转轴,以及旋转角度分别是：bottom(90deg),top(-90deg),right(90deg),left(-90deg)。同时要注意在旋转后面的时候，旋转轴为Z轴，并不是上下，左右边。浏览器上面的坐标系是这样的：Z轴是屏幕里外两个方向（向外为正，向里为负），X轴的水平方向（向右为正，向左为负）；
3、接下来还有一个关键的步骤，就是当变换导致元素在 3D 空间中旋转时，指定当元素背面朝向观察者时不可见；
4、接下来我们要做的就是设置一下所处环境，我们要设置成3D的环境，具体的语法形式如下：transform-style: preserve-3d
5、然后我们为了让立方体旋转起来，以便更好的实现3D效果。首先找到旋转中心，在3D魔方中，旋转中心就是立方体的几何中心。
在制作普通魔方的基础上，将参数更改一下即可。使用扩展基本体，使用扩展基本体下的切角长方体，使用对齐工具，将魔方的凸起的长方体放在魔方表面的正中间，选择移动工具，按住shift键，移动魔方的一面到另一面，松开shift键进行复制。
选择名称与颜色，改变魔方凸起面的颜色，在将其中一个面进行旋转复制，在贴到正方体的另外一个面上，选中所有的长方体，点击组下面的成组，将长方体和六个面组合成一起，选择组后，选择移动工具，按住shift键，对该组进行复制，用上述方面再复制，选择多组后再移动复制，直到复制到15乘13的魔方即可，渲染输出。
