【CSS】 transformプロパティ：要素を傾斜変形させる際に使用するskew

skew()プロパティ
transform:skew()	skew(X軸の傾斜角度, Y軸の傾斜角度)。 2つの角度によってX軸とY軸に沿った傾斜変形を指定します。最初の角度です。 2番目の角度は省略することができますが、この場合には0となりY軸は傾斜しません。
transform:skewX()	角度によってX軸に沿った傾斜変形を指定します。
transform:skewY()	角度によってY軸に沿った傾斜変形を指定します。

共通CSS

 .skew1,.skew2,.skew3,.skew4{
  width: 300px; 
  padding: 20px; 
  background: #; 
  }

skew(45deg)

 .skew1	{
	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	transform: skew(45deg);
	}

transform: skew(45deg);

skew(180deg)

 .skew2{
	-webkit-transform: skew(180deg);
	-moz-transform: skew(180deg);
	transform: skew(180deg);
	}

transform: skew(180deg);

skew(-20deg)

 .skew3{
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	transform: skew(-20deg);
	}

transform: skew(-20deg);

skew(10deg,-10deg)

 .skew4{
	-webkit-transform: skew(10deg,-10deg);
	-moz-transform: skew(10deg,-10deg);
	transform: skew(10deg,-10deg);
	}

transform: skew(10deg,-10deg);