CSS3 での 2D 変換

2D 変換は、移動、回転、拡大縮小、傾斜によって要素の構造を再変更するために使用されます。

次の表には、2D 変換で一般的に使用される値が含まれています

#2translate(x,y)##345 角度に基づいて要素を回転しますx 軸に沿ったスキュー変換を定義##skewY(angle)

シリアル番号	値および説明
1	##matrix(n,n,n,n ,n,n )# は、6 つの値を持つ行列変換を定義するために使用されます
	x 軸と y 軸の要素を移動するために使用されます
translateX(n)	x 軸上の要素を移動するために使用されます
translateY(n)	Y 軸上の要素を移動するために使用されます
##scale(x,y)	は変更に使用されます要素の幅と高さ 6
scaleX(n)	は、要素 7
#scaleY(n) の幅を変更するために使用されます。	は要素の高さを変更するために使用されます ##8
## rotate(angle)	9
#skewX(angle)	##10
y 軸に沿った斜めの変換を定義します

以上がCSS3 での 2D 変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。