2D 変換は、移動、回転、拡大縮小、傾斜によって要素の構造を再変更するために使用されます。
次の表には、2D 変換で一般的に使用される値が含まれています
| シリアル番号 | 値および説明 |
|---|---|
| 1 | ##matrix(n,n,n,n ,n,n )# は、6 つの値を持つ行列変換を定義するために使用されます |
| 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 |
| y 軸に沿った斜めの変換を定義します |
以上がCSS3 での 2D 変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
