一、
位移:translate3d(x,y,z)、translateX(x)、translateY(y)、translateZ(z)
缩放:scale3d(x,y,z)、scaleX(x)、scaleY(y)、scaleZ(z)
旋转:rotate3d(x,y,z,angle)、rotateX(angle)、rotateY(angle)、rotateZ(angle)
景深透视:perspective:添加透视,添加透视会有视觉上的3d效果
transform-style: preserve-3d: 保持3d效果/flat: 平面效果(默认值)
二、3d
x:是一个0到1之间的数值,主要用来描述元素围绕X轴旋转的矢量值;
y:是一个0到1之间的数值,主要用来描述元素围绕Y轴旋转的矢量值;
z:是一个0到1之间的数值,主要用来描述元素围绕Z轴旋转的矢量值;
angle:是一个角度值,主要用来指定元素在3D空间旋转的角度,
三、左手法则:左手握住旋转轴,竖起拇指指向旋转轴正方向,正向旋转方向就是其余手指卷曲的方向。