2Dトランスフォームの歪み(歪度)
2Dトランスフォームの歪み(歪度)について
要素の歪み(歪度)を指定するには、transformプロパティのskew
関数を使用します。
第一引数にX軸方向、第二引数にY軸方向の角度を指定をします。
構文
transform:skew(X軸の角度, Y軸の角度);
また、X軸とY軸を個別に指定する場合は、X軸はskewX関数、Y軸はskewY関数を使用します。
transform:skewX(X軸の角度);
transform:skewY(Y軸の角度);
サンプル
30deg, 0
0, 20deg
10deg, 20deg
CSS
シミュレーション
skew関数の値がどう反映されるかをシミュレートします。