CSS3 中的 2D 變換

2D變換用於透過平移、旋轉、縮放和傾斜重新改變元素的結構。

以下表格包含了2D變換中常用的值

#序號	值和描述
1	#matrix(n,n,n,n,n,n ) 用於定義具有六個值的矩陣變換
2	translate(x,y) 用於在x軸和y軸上平移元素
3	translateX(n) 用於在x軸上平移元素
4	translateY(n) #用於在y軸上平移元素
5	scale(x,y) 用來改變元素的寬度與高度
6	#scaleX(n) 用來改變元素的寬度
7	#scaleY(n) 用於改變元素的高度
8	#rotate(angle) 根據角度旋轉元素
9	#skewX(angle) 定義沿x軸的傾斜變換
10	skewY(angle) 定義沿y軸的傾斜變換

#

以上是CSS3 中的 2D 變換的詳細內容。更多資訊請關注PHP中文網其他相關文章！