css3による傾斜変形

対応ブラウザ:Firefox,Google Chrome,Safari

-傾斜変形させる-

-moz-transform: skew(-30deg,-30deg);  /*X軸Y軸の角度を指定*/
-webkit-transform: skew(-30deg,-30deg);

-X軸の傾斜変形させる-

-moz-transform: skewX(-45deg);
-webkit-transform: skewX(-45deg);

-Y軸の傾斜変形させる-

-moz-transform: skewY(-45deg);
-webkit-transform: skewY(-45deg);