skew() メソッド

　skew() メソッドは、引数の値から傾けた形のエレメントを返す CSS 関数です。回転ではありません。 X軸に対する傾き skewX() とY軸に対する傾き skewY() の組み合わせです。 第１引数が skewX()、第２引数が skewY() です。

　skewX() は、X 軸方向は固定されて、指定された座標を中心に半時計回りにエレメント全体が傾きます。
　skewY() は、Y 軸方向は固定されて、指定された座標を中心に時計回りにエレメント全体が傾きます。

　skew() メソッドの２つの引数を同じにすると、エレメントの回転となります。

.content {
	transform-origin: initial;
	transform: skew( 30deg, 10deg );
}

　X軸、Y軸の傾きをそれぞれで指定するには skewX() 、 skewY() を使用します。