3D的转换transform
旋转
transform: rotateX(50deg); 围绕X轴旋转50度
-webkit-transform: rotateX(50deg);
transform: rotateY(50deg); 围绕Y轴旋转50度
-webkit-transform: rotateY(50deg);
transform: rotateZ(50deg); 围绕Z轴旋转50度
-webkit-transform: rotateZ(50deg);
X轴正方向为右边,Y轴正方向为上边,Z轴正方向指向我。判断方向方法可以使用——左手定则
左手定则:
当设置围绕该轴旋转的方向为正数,那么大拇指指向该轴的正方向,其余四指弯曲的方向就是旋转的方向。
当设置围绕该轴旋转的方向为负数,那么大拇指指向该轴的负方向,其余四指弯曲的方向就是旋转的方向。