前言
復(fù)雜的事情漓骚，簡(jiǎn)單做，簡(jiǎn)單的事情認(rèn)真做闰歪，一點(diǎn)一滴慢慢積累
transform屬性
在CSS3中嚎研，可以利用transform功能實(shí)現(xiàn)文字或圖像的旋轉(zhuǎn)、縮放、傾斜临扮、移動(dòng)這4中類型的變形處理论矾。
瀏覽器支持情況
到目前為止：Safari3.1以上、Chrome8以上杆勇、Firefox4以上贪壳、Opera10以上瀏覽器支持該屬性。
旋轉(zhuǎn) rotate
使用rotate方法蚜退，在參數(shù)中加入角度值闰靴，角度值后面跟表示角度單位的“deg”文字即可，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針方向
縮放 scale
使用scale方法來實(shí)現(xiàn)文字或圖像的縮放處理钻注，在參數(shù)中指定縮放倍率蚂且，可以分別指定元素的水平方向的放大倍率與垂直方向的放大倍率
transform：scale（0.5）；//縮小一半
transform：scale（0.5幅恋，2）杏死；//水平方向縮小一半，垂直方向放大一倍佳遣。
傾斜 skew
使用skew方法實(shí)現(xiàn)文字或圖像的傾斜處理识埋，在參數(shù)中分別指定水平方向上的傾斜角度與垂直方向上的傾斜角度凡伊，只使用一個(gè)參數(shù)零渐，省略另一個(gè)參數(shù)，這種情況下視為只在水平方向上進(jìn)行傾斜系忙，垂直方向上不傾斜
transform：skew（30deg诵盼，30deg）；//水平方向上傾斜30度银还，垂直方向上傾斜30度风宁。
transform：skew（30deg）；
移動(dòng) translate
使用translate方法來移動(dòng)文字或圖像蛹疯，在參數(shù)中分別指定水平方向上的移動(dòng)距離與垂直方向上的移動(dòng)距離,只使用一個(gè)參數(shù)戒财，省略另一個(gè)參數(shù)，這種情況下視為只在水平方向上移動(dòng)捺弦，垂直方向上不移動(dòng)
transform：translate（50px饮寞，50px）；// 水平方向上移動(dòng)50px列吼，垂直方向上移動(dòng)50px
transform：translate（50px）幽崩；
對(duì)一個(gè)元素使用多種變形的方法
···
transform：translate（150px，200px） rotate（45deg） scale（1.5）寞钥；
···
指定變形的基準(zhǔn)點(diǎn)
在使用transform方法進(jìn)行文字或圖像變形的時(shí)候慌申，是以元素的中心點(diǎn)為基準(zhǔn)點(diǎn)進(jìn)行變形的
transform-origin屬性
transform：rotate（45deg）；
transform-origin：left bottom理郑；//把基準(zhǔn)點(diǎn)修改為元素的左下角
指定屬性值
基準(zhǔn)點(diǎn)在元素水平方向上的位置：left蹄溉、center咨油、right
基準(zhǔn)點(diǎn)在元素垂直方向上的位置：top、center类缤、bottom
