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(,);