Transform 其實(shí)就是指拉伸，壓縮，旋轉(zhuǎn)，偏移等等一些圖形學(xué)里面的基本變換

“skew”是傾斜，“scale”是縮放，“rotate”是旋轉(zhuǎn)，“translate”是平移。(支持綜合變換)

坐標(biāo)系 是按照左上角為坐標(biāo)原點(diǎn)

Skew? 傾斜

skew(0,30deg);元素是按照水平方向y軸順時針旋轉(zhuǎn)30度? 或者skewY(30deg)

skew(30deg,0);元素是按照垂直方向X軸逆時針旋轉(zhuǎn)30度? 或者skewX(30deg)

scale　縮放? ? ? ? ? >1 放大? <1 縮小 默認(rèn)值是 1；

scale(2)等于scale(2,2) 也等同于scaleX(2) scaleY(2); 2d縮放

(當(dāng)元素進(jìn)行縮放的時候 視覺效果上市元素寬高比例變了 查看盒模型發(fā)現(xiàn)元素的寬高并沒有改變 其實(shí)只是x與y軸之間的刻度變了)

兩個scale時

注意：先rotate，再scale(先旋轉(zhuǎn)，后縮放) 是會把效果帶上旋轉(zhuǎn)的，但是? 先scale 再rotate(先縮放，后旋轉(zhuǎn)) 是不會把縮放的效果帶上旋轉(zhuǎn)的，縮放的效果，會留在原地，等你經(jīng)過的時候，就會生效?？s放的比例，會留在原地，經(jīng)過的時候，就會恢復(fù)比例。

scaleZ()設(shè)置 Z 軸的值來定義 3D 縮放轉(zhuǎn)換

scale3d(x,y,z) 定義 3D 縮放轉(zhuǎn)換

rotate 旋轉(zhuǎn)? 要配合transform-origin(設(shè)置旋轉(zhuǎn)點(diǎn) 沒有的話 默認(rèn)元素center center中心原點(diǎn) 例transform-origiin:0 0; 左上角原點(diǎn))

rotate、rotateX、 rotateY、 ratateZ 、

rotate3d(x,y,z,angle)? 前三個值，設(shè)置的是矢量的方向，填什么無所謂，主要是比值很重要。舉個例子? 1，1，0，0deg? 那么就是? 1：1：0? = 100：100：0? 對吧，拿這個值來圖解比較好。

translate 平移

translate()、

translateX() 向X軸平移，填正數(shù)往右平移，填負(fù)數(shù)，往左平移

translateY()向Y軸平移，填正數(shù)往下平移，填負(fù)數(shù)，往上平移

translateZ()你現(xiàn)在和電腦屏幕的距離，這就是Z軸的距離，電腦屏幕離你越近，那么translateZ() 里面的值 越大， 電腦屏幕離你越遠(yuǎn)， translateZ() 的值就越小。 所以說，Z 增加，那么這個電腦屏幕，離你就越近 (rotate后 就能看到z軸的變化)

translate3d()

translate() 和? translate3d()：

translate 是同時設(shè)置 translateX 和 translateY， 所以里面可以填兩個參數(shù)， 第一個值 X 第二個 Y

translate3d 是同時設(shè)置 translateX ，translateY 和 translateZ 所以里面可以填三個參數(shù)

只不過有點(diǎn)不同的是， translate 如果第二個參數(shù)不填的話，默認(rèn)是0， 不過translate3d的話，人家就不同意你不填了，你三個參數(shù)，必須都給我填。