一、

位移:translate3d(x,y,z)、translateX(x)、translateY(y)、translateZ(z)
縮放:scale3d(x,y,z)、scaleX(x)、scaleY(y)、scaleZ(z)
旋轉(zhuǎn):rotate3d(x,y,z,angle)、rotateX(angle)、rotateY(angle)、rotateZ(angle)
景深透視:perspective:添加透視,添加透視會有視覺上的3d效果
transform-style: preserve-3d: 保持3d效果/flat: 平面效果(默認(rèn)值)
二、3d
x:是一個0到1之間的數(shù)值,主要用來描述元素圍繞X軸旋轉(zhuǎn)的矢量值;
y:是一個0到1之間的數(shù)值,主要用來描述元素圍繞Y軸旋轉(zhuǎn)的矢量值;
z:是一個0到1之間的數(shù)值,主要用來描述元素圍繞Z軸旋轉(zhuǎn)的矢量值;
angle:是一個角度值,主要用來指定元素在3D空間旋轉(zhuǎn)的角度,
三、左手法則:左手握住旋轉(zhuǎn)軸,豎起拇指指向旋轉(zhuǎn)軸正方向,正向旋轉(zhuǎn)方向就是其余手指卷曲的方向。







