css 3アニメーションシリーズのskew()方法
ブラウザのサポート:
Internet Explorer 10、FirefoxおよびOperaはtransformプロパティをサポートします.
ChromeとSafariにはプレフィックス-webkit-が必要です.
注記:Internet Explorer 9にはプレフィックス-ms-が必要です.
skew()メソッド
skew()法により、要素は所定の角度を反転し、所定の水平線(X軸)と垂直線(Y軸)のパラメータに基づいている.
≪インスタンス|Instance|emdw≫
値skew(30 deg,20 deg)はX軸を中心に要素を30度反転し、Y軸を中心に20度反転します.
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度反転します.