css转换3D旋转与位移

转换3D旋转

3D旋转：
transform: rotate3D(x,y,z,deg);
x,y,z 是一个0/1的数值，0表示不旋转，1表示旋转，deg表示旋转的角度
rorateX，X轴旋转
rorateY，Y轴旋转
rorateZ Z轴旋转
perspective 透视：
旋转的方向：左手法则（大拇指伸出指向轴的方向，手指弯曲方向为正，反方向则为负）
我们来制作一个正方形让他进行3D旋转：

运行结果如下：

具体大家可以手动测试看下效果

转换3D位移

位移：

• transform: translateX()：沿着x轴移动

• transform: translateY()：