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轴正方向指向我。判断方向方法可以使用——左手定则

左手定则:

当设置围绕该轴旋转的方向为正数,那么大拇指指向该轴的正方向,其余四指弯曲的方向就是旋转的方向。
当设置围绕该轴旋转的方向为负数,那么大拇指指向该轴的负方向,其余四指弯曲的方向就是旋转的方向。

× 请我吃糖~
打赏二维码