transform的含義是：改變，使…變形；轉(zhuǎn)換
在排版當(dāng)中去合理的使用transform會(huì)使我們的排版看起來(lái)高大上那么一點(diǎn)。
接下來(lái)給大家介紹一下這個(gè)神奇的小東西都有什么屬性會(huì)有什么效果。
一、旋轉(zhuǎn)rotate
rotate：通過(guò)指定的角度參數(shù)對(duì)原元素指定一個(gè)效果。
如果設(shè)置的值為正數(shù)表示順時(shí)針旋轉(zhuǎn)，如果設(shè)置的值為負(fù)數(shù)，則表示逆時(shí)針旋轉(zhuǎn)。如：transform:rotate(30deg)；
二、移動(dòng)translate
translate() 根據(jù)左(X軸)和頂部(Y軸)位置給定的參數(shù)，從當(dāng)前元素位置移動(dòng)。
如：transform:translate(100px,20px):
translateX
通過(guò)給定一個(gè)X方向上的數(shù)目指定一個(gè)translation。只向x軸進(jìn)行移動(dòng)元素，同樣其基點(diǎn)是元素中心點(diǎn)，也可以根據(jù)transform-origin改變基點(diǎn)位置
transform:translateX(100px):
translateY
通過(guò)給定Y方向的數(shù)目指定一個(gè)translation。只向Y軸進(jìn)行移動(dòng)，基點(diǎn)在元素心點(diǎn)，可以通過(guò)transform-origin改變基點(diǎn)位置。
transform:translateY(20px):
三、縮放scale
縮放scale和移動(dòng)translate是有點(diǎn)相似的，也是有三種情況：下面我們具體來(lái)看看這三種情況具體使用方法：
注意：默認(rèn)值是1，它的值放大是比1大，縮小比1小。
1、scale(x,y) 定義 2D 縮放轉(zhuǎn)換，改變?cè)氐膶挾群透叨取?br>
如：transform:scale(2,1.5);
。
2、scaleX(n) 定義 2D 縮放轉(zhuǎn)換，改變?cè)氐膶挾取?/p>
如：transform:scaleX(2):
3、scaleY(n) 定義 2D 縮放轉(zhuǎn)換，改變?cè)氐母叨取?/p>
如：transform:scaleY(2):
四、扭曲skew
1、skew(x-angle,y-angle) 定義 2D 傾斜轉(zhuǎn)換，沿著 X 和 Y 軸。
如：transform:skew(30deg,10deg);
2、skewX(angle) 定義 2D 傾斜轉(zhuǎn)換，沿著 X 軸。
如：transform:skewX(30deg);
3、skewY(angle) 定義 2D 傾斜轉(zhuǎn)換，沿著 Y 軸。
如：transform:skewY(10deg);
matrix(, , , , , ) ： 以一個(gè)含六值的(a,b,c,d,e,f)變換矩陣的形式指定一個(gè)2D變換，相當(dāng)于直接應(yīng)用一個(gè)[a b c d e f]變換矩陣。就是基于水平方向（X軸）和垂直方向（Y軸）重新定位元素,此屬性值使用涉及到數(shù)學(xué)中的矩陣。
改變?cè)鼗c(diǎn) tranform-origin
