一、

位移：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到１之间的数值，主要用来描述元素围绕X轴旋转的矢量值；

y：是一个0到１之间的数值，主要用来描述元素围绕Y轴旋转的矢量值；

z：是一个0到１之间的数值，主要用来描述元素围绕Z轴旋转的矢量值；

angle：是一个角度值，主要用来指定元素在3D空间旋转的角度，

三、左手法则：左手握住旋转轴，竖起拇指指向旋转轴正方向，正向旋转方向就是其余手指卷曲的方向。

css3d转换 css3 石家庄网站建设公司 石家庄网站设计公司