如何透過CSS3進行2D轉換

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

1、translate（）方法

     透過translate() 方法，元素從其目前位置移動，根據給定的位置參數轉換

     程式碼實作：

   實際效果：

#2.

rotate() 方法

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

程式碼實作：

#實際效果：

############3.scale() 方法##################  # ###########透過scale() 方法，元素的尺寸會增加或減少############### 程式碼實作：####### #

# 實際效果：

4.skew() 方法

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

程式碼實作：

實際效果：

本文說明如何透過CSS3進行2D轉換，更多相關內容請關注php中文網。

相關推薦：

詳解JavaScript的變數及作用域

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

講解數學物件Math相關內容

以上是如何透過CSS3進行2D轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章！