2Dトランスフォームの縮尺

2Dトランスフォームの縮尺について

要素の縮尺率を変更するには、transformプロパティのscale関数を使用します。
引数には1.00を100%とした値を指定します。

構文

							transform:scale(縮尺率);

また、横（X軸）と縦（Y軸）を個別に指定する場合は、横（X軸）はscaleX関数、縦（Y軸）はscaleY関数を使用します。

							transform:scaleX(横（X軸）の縮尺率);
							transform:scaleY(縦（Y軸）の縮尺率);

サンプル

sample

CSS

サンプル（transform:scaleX）

sample

CSS

サンプル（transform:translateY）

sample

CSS

シミュレーション

scale関数の値がどう反映されるかをシミュレートします。

transform:scale(,);