cp from : https://www.cnblogs.com/chrxc/p/5126569.html
css3中transform方法是一個功能強大的屬性，可以對元素進行移動、縮放、轉動、拉長或拉伸等功能。
transform中最為常用的4個屬性分別是：rotate();、scale();、skew();、translate()
1.旋轉rotate()在我之前地文章中提到過，在這就不重複描述了，我要在剩下的3個方法中去詳細描述
2.縮放scale();屬性，元素的尺寸會增加或者減少，根據給定的寬度（x軸）和高度（y軸）引數
eg：scale(2,4)是把元素寬度轉換為原尺寸的2倍，把高度轉換為原始高度的4倍。
注：這裡換成小數就是縮小！，一個引數就是寬和高一起都增加或減少。
3.傾斜skew();屬性，把元素翻轉給定角度，根據給定的水平線（x軸）和垂直線（y軸）引數。
eg:skew(30deg,20deg)圍繞x軸把元素傾斜30度，圍繞y軸把元素傾斜20度。
注：一個引數表示水平翻轉角度！
4.元素移動translate();屬性，元素從當前位置移動，根據給定的left（x座標）和top（y座標）的位置引數。 eg:translate(50px,100px);元素與左邊距50px，與上邊距100px距離（如有錯誤歡迎指正