CSS3D魔法——旋转魔方

• 3D旋转：rotate3d(x,y,z,deg)

• 透视：perspective

• 3D呈现：transfrom-style

三维坐标系：

三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。

X轴：水平向右（注意：X往右边是正值，往左边是负值）

Y轴：垂直向下（注意：Y往下面是正值，往上面是负值）

Z轴：垂直屏幕（注意：往外面是正值，往里面是负值）

我们看到的电脑屏幕的左上角等同于坐标中心原点，屏幕上边沿是x的正轴，屏幕左边沿是y的正轴。

[](()二、魔方图片

===================================================