css 3アニメーションシリーズのskew()方法


ブラウザのサポート:
Internet Explorer 10、FirefoxおよびOperaはtransformプロパティをサポートします.
ChromeとSafariにはプレフィックス-webkit-が必要です.
注記:Internet Explorer 9にはプレフィックス-ms-が必要です.
skew()メソッド
skew()法により、要素は所定の角度を反転し、所定の水平線(X軸)と垂直線(Y軸)のパラメータに基づいている.
 
≪インスタンス|Instance|emdw≫
 
div
{
transform: skew(30deg,20deg);
-ms-transform: skew(30deg,20deg);	/* IE 9 */
-webkit-transform: skew(30deg,20deg);	/* Safari and Chrome */
-o-transform: skew(30deg,20deg);	/* Opera */
-moz-transform: skew(30deg,20deg);	/* Firefox */
}
みずからやってみる

 
値skew(30 deg,20 deg)はX軸を中心に要素を30度反転し、Y軸を中心に20度反転します.