1. 定義
Transform屬性應(yīng)用于元素的2D或3D轉(zhuǎn)換亏较。
2. 屬性值
該屬性主要包括以下幾種：旋轉(zhuǎn)rotate先壕、扭曲skew拐辽、縮放scale炉奴、移動(dòng)translate以及矩陣變形matrix育韩。
| 值 | 描述 |
|---|---|
| none | 定義不進(jìn)行轉(zhuǎn)換克蚂。 |
| matrix(n,n,n,n,n,n) | 定義 2D 轉(zhuǎn)換，使用六個(gè)值的矩陣筋讨。 |
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定義 3D 轉(zhuǎn)換埃叭，使用 16 個(gè)值的 4x4 矩陣。 |
| translate(x,y) | 定義 2D 轉(zhuǎn)換版仔。向右下方移動(dòng)為正值游盲，向左上方移動(dòng)為負(fù)值。 |
| translate3d(x,y,z) | 定義 3D 轉(zhuǎn)換蛮粮。 |
| translateX(x) | 定義轉(zhuǎn)換益缎，只是用 X 軸的值。 |
| translateY(y) | 定義轉(zhuǎn)換然想，只是用 Y 軸的值莺奔。 |
| translateZ(z) | 定義 3D 轉(zhuǎn)換，只是用 Z 軸的值变泄。 |
| scale(x[,y]?) | 定義 2D 縮放轉(zhuǎn)換令哟。x代表沿X軸的伸縮倍數(shù)，y代表沿Y軸的伸縮倍數(shù)妨蛹。 |
| scale3d(x,y,z) | 定義 3D 縮放轉(zhuǎn)換屏富。 |
| scaleX(x) | 通過設(shè)置 X 軸的值來定義縮放轉(zhuǎn)換。 |
| scaleY(y) | 通過設(shè)置 Y 軸的值來定義縮放轉(zhuǎn)換蛙卤。 |
| scaleZ(z) | 通過設(shè)置 Z 軸的值來定義 3D 縮放轉(zhuǎn)換狠半。 |
| rotate(angle) | 定義 2D 旋轉(zhuǎn)噩死，在參數(shù)中規(guī)定角度(deg)。順時(shí)針旋轉(zhuǎn)為正值神年，逆時(shí)針旋轉(zhuǎn)為負(fù)值已维。 |
| rotate3d(x,y,z,angle) | 定義 3D 旋轉(zhuǎn)。 |
| rotateX(angle) | 定義沿著 X 軸的 3D 旋轉(zhuǎn)已日。 |
| rotateY(angle) | 定義沿著 Y 軸的 3D 旋轉(zhuǎn)垛耳。 |
| rotateZ(angle) | 定義沿著 Z 軸的 3D 旋轉(zhuǎn)。 |
| skew(x-angle,y-angle) | 定義沿著 X 和 Y 軸的 2D 傾斜轉(zhuǎn)換飘千。（單位deg） |
| skewX(angle) | 定義沿著 X 軸的 2D 傾斜轉(zhuǎn)換堂鲜。 |
| skewY(angle) | 定義沿著 Y 軸的 2D 傾斜轉(zhuǎn)換。 |
| perspective(n) | 為 3D 轉(zhuǎn)換元素定義透視視圖护奈。 |
初學(xué)者一枚泡嘴，如有問題歡迎指正~
