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距離（如有錯誤歡迎指正）
注：乙個引數表示水平（x軸）。
.divtf
.divtf:hover
a然後是效果圖：
起始樣式
滑鼠懸停後的樣式
筆記 CSS3transform屬性
transform屬性有斜拉 skew 縮放 scale 旋轉 rotate 位移 translate 斜拉skew 用法skew 10deg 或者skew 10deg,20deg 兩個引數表示傾斜角度 乙個引數時表示水平方向傾斜 兩個引數時，第乙個表示水平方向傾斜，第二個引數表示垂直方向傾斜 sk...
CSS3 transform變換，案例
1 translate x,y 設定盒子位移 2 scale x,y 設定盒子縮放 3 rotate deg 設定盒子旋轉 4 skew x angle,y angle 設定盒子斜切 5 perspective 設定透視距離 6 transform style flat preserve 3d 設定...
CSS3 transform變形功能
單個測試 原圖 單個測試 rotate 單個測試 原圖 單個測試 scale 總結 scalex scaley 可以這兩個這樣單獨的設定，就可以單獨設定是x軸縮放還是y軸縮放了，或者設定兩個值得時候，其中乙個設為0也可以這種效果 單個測試 原圖 單個測試 translate 總結 如果你全部寫完了，...