CSS変換プロパティの機能は何ですか
CSSのトランスフォームプロパティの機能として、以下があげられます。
- translate(平移): translateX, translateYプロパティを設定することで、水平・垂直方向に要素を移動させる。
- スケール(scale):scaleXとscaleYプロパティを設定することで要素を横と縦に拡大・縮小します。
- 旋转(rotate):通过设置rotate属性,将元素按照指定的角度进行旋转。
- スキュー(skew): skewXおよびskewYプロパティを設定することで、水平および垂直方向に要素を傾けます。
- 変換(matrix):matrixプロパティを設定することで2Dの任意の変換を実現できる。
- パースペクティブ(遠近法): perspectiveプロパティを設定することで、3Dでの遠近法を実現できます。
なお、transformプロパティは視覚的な変形のみで、ドキュメントフローを変更したり、他の要素のレイアウトに影響を与えたりすることはありません。