立体几何的三维立方体教程

1.首先，拼接平面上的六个div。形成一个类似于三维立方体图形展开的平面图。

2.我们需要把每个面旋转到相应的位置，每个面的旋转轴是不一样的。上下左右，对应的旋转轴和旋转角度分别是下(90度)、上(-90度)、右(90度)、左(-90度)。同时需要注意的是，旋转背部时，旋转轴是Z轴，而不是上下左右。浏览器上面的坐标系是这样的:Z轴是屏幕内外两个方向(正向外负向内)，X轴水平方向(正右负左)；

3.接下来有一个关键步骤，就是当变换导致元素在3D空间旋转时，指定元素背面对着观察者时不可见；

4.接下来我们需要做的是设置环境。我们需要将其设置为3D环境。具体语法如下:变换式:？preserve-3d；

5.然后为了让立方体旋转，可以更好的实现3D效果。首先找到旋转的中心。在3D魔方中，旋转中心是立方体的几何中心。