一、

位移: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空間旋轉的角度,
三、左手法則:左手握住旋轉軸,豎起拇指指向旋轉軸正方向,正向旋轉方向就是其余手指卷曲的方向。







