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関数の値がどう反映されるかをシミュレートします。

transform:skew(deg,deg );

CSS3逆引きリファレンス一覧へ戻る