スケール(拡大縮小率)を指定する(2D)

書式

transform : scale(スケール)
transform : scale(横のスケール, 縦のスケール)
transform : scaleX(横のスケール)
transform : scaleY(縦のスケール)

説明

スケール(拡大縮小率)を指定するにはtransformプロパティにscale()を指定します。パラメータが1つの場合は縦と横両方が同じスケールで変形します。2つパラメータを指定した場合は、最初のパラメータが横方向のスケール、2番目のパラメータが縦方向のスケールになります。
また、scaleX()を指定すると横方向だけのスケールを、scaleY()を指定すると縦方向だけのスケールを指定することができます。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
transform : scale(0.5, 2);
-webkit-transform : scale(0.5, 2);
-moz-transform : scale(0.5, 2);
-o-transform : scale(0.5, 2);
-ms-transform : scale(0.5, 2);
}
目次に戻る