一.旋轉(zhuǎn) rotate
用法：transform: rotate(45deg);
共一個(gè)參數(shù)“角度”名扛，單位deg為度的意思，正數(shù)為順時(shí)針旋轉(zhuǎn)惩嘉，負(fù)數(shù)為逆時(shí)針旋轉(zhuǎn)罢洲，上述代碼作用是順時(shí)針旋轉(zhuǎn)45度。
二.縮放 scale
用法：transform: scale(0.5) ?或者 ?transform: scale(0.5, 2);
參數(shù)表示縮放倍數(shù)文黎；
一個(gè)參數(shù)時(shí)：表示水平和垂直同時(shí)縮放該倍率
兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)指定水平方向的縮放倍率惹苗，第二個(gè)參數(shù)指定垂直方向的縮放倍率。
三.傾斜 skew
用法：transform: skew(30deg) ?或者 transform: skew(30deg, 30deg);
參數(shù)表示傾斜角度耸峭，單位deg
一個(gè)參數(shù)時(shí)：表示水平方向的傾斜角度桩蓉；
兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)表示水平方向的傾斜角度，第二個(gè)參數(shù)表示垂直方向的傾斜角度劳闹。
關(guān)于skew傾斜角度的計(jì)算方式表面上看并不是那么直觀院究，這里借鑒某大拿繪制的圖舉例說(shuō)明一下：
首先需要說(shuō)明的是skew的默認(rèn)原點(diǎn)transform-origin是這個(gè)物件的中心點(diǎn)
四.移動(dòng) translate
用法：transform: translate(45px) ?或者 transform: translate(45px, 150px);
參數(shù)表示移動(dòng)距離，單位px本涕，
一個(gè)參數(shù)時(shí)：表示水平方向的移動(dòng)距離业汰；
兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)表示水平方向的移動(dòng)距離，第二個(gè)參數(shù)表示垂直方向的移動(dòng)距離菩颖。
五.基準(zhǔn)點(diǎn) transform-origin
在使用transform方法進(jìn)行文字或圖像的變形時(shí)样漆，是以元素的中心點(diǎn)為基準(zhǔn)點(diǎn)進(jìn)行的。使用transform-origin屬性晦闰，可以改變變形的基準(zhǔn)點(diǎn)放祟。
用法：transform-origin: 10px 10px;
共兩個(gè)參數(shù)鳍怨，表示相對(duì)左上角原點(diǎn)的距離，單位px跪妥，第一個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)水平方向的距離鞋喇，第二個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)垂直方向的距離；
兩個(gè)參數(shù)除了可以設(shè)置為具體的像素值眉撵，其中第一個(gè)參數(shù)可以指定為left侦香、center、right执桌，第二個(gè)參數(shù)可以指定為top鄙皇、center、bottom仰挣。
六.多方法組合變形
上面我們介紹了使用transform對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放缠沈、傾斜膘壶、移動(dòng)的方法，這里講介紹綜合使用這幾個(gè)方法來(lái)對(duì)一個(gè)元素進(jìn)行多重變形洲愤。
用法：transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);
這四種變形方法順序可以隨意颓芭，但不同的順序?qū)е伦冃谓Y(jié)果不同，原因是變形的順序是從左到右依次進(jìn)行柬赐，這個(gè)用法中的執(zhí)行順序?yàn)?.rotate ?2.scalse ?3.skew ?4.translate
注：轉(zhuǎn)自0101后花園
