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


ブラウザのサポート:
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倍に変換する.