3d的定义和使用

父标签：

transform-style: preserve-3d;

perspective: 1200px;

perspective-origin: 50% 50%;

子标签：

 

轴平移，正数距离眼睛更近

 

transform: rotateX() rotateY() rotateZ()

 

围绕x轴旋转，正角度上面向后

 

围绕y轴旋转，正角度右边向后

 

围绕z轴旋转，正角度顺时针