css 3アニメーションシリーズのscale()方法
ブラウザのサポート:
Internet Explorer 10、FirefoxおよびOperaはtransformプロパティをサポートします.
ChromeとSafariにはプレフィックス-webkit-が必要です.
注記:Internet Explorer 9にはプレフィックス-ms-が必要です.
scale()メソッド
scale()メソッドでは、要素のサイズが増加または減少し、指定された幅(X軸)および高さ(Y軸)パラメータに従います.
≪インスタンス|Instance|emdw≫
みずからやってみる
値scale(2,4)は幅を元のサイズの2倍に変換し,高さを元の高さの4倍に変換する.
Internet Explorer 10、FirefoxおよびOperaはtransformプロパティをサポートします.
ChromeとSafariにはプレフィックス-webkit-が必要です.
注記:Internet Explorer 9にはプレフィックス-ms-が必要です.
scale()メソッド
scale()メソッドでは、要素のサイズが増加または減少し、指定された幅(X軸)および高さ(Y軸)パラメータに従います.
≪インスタンス|Instance|emdw≫
div
{
transform: scale(2,4);
-ms-transform: scale(2,4); /* IE 9 */
-webkit-transform: scale(2,4); /* Safari Chrome */
-o-transform: scale(2,4); /* Opera */
-moz-transform: scale(2,4); /* Firefox */
}
みずからやってみる
値scale(2,4)は幅を元のサイズの2倍に変換し,高さを元の高さの4倍に変換する.