書式
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);
}
目次に戻る