如何通過CSS3進行2D轉換

轉換是使元素改變形狀、尺寸和位置的一種效果，CSS3包括2D轉化和3D轉化，在這裡我們只接受2D轉化！

1、translate（）方法

通過 translate() 方法，元素從其當前位置移動，根據給定的位置參數進行轉化

代碼實現：

實際效果：

2.rotate() 方法

通過 rotate() 方法，元素順時針旋轉給定的角度。

代碼實現：

實際效果：

3.scale() 方法

通過 scale() 方法，元素的尺寸會增加或減少

代碼實現：

實際效果：

4.skew() 方法

通過 skew() 方法，元素翻轉給定的角度

代碼實現：

實際效果：

本文講解了如何通過CSS3進行2D轉換 ，更多相關內容請關注php中文網。

相關推薦：

詳解JavaScript的變數及範圍

關於$.ajax()方法參數詳解

講解數學對象Math相關內容