CSS3

CSS関数

scale()

  編集:2022.07.09 by T.A.

[Edge]○。→mdn

拡縮。

scale( [<number> | <percentage>]#{1,2} )

sxsy をそれぞれ、所与の順による <number> 値とするとき、拡縮率ベクター[sx, sy]による、2D 拡縮 を指定する。sy は省略可能であり、その場合 sysx と同じ値と見なされる。

<number>
<IMG src="Com/Picture.jpg" style="
 transform:scale(1.5);
">

<IMG src="Com/Picture.jpg" style="
 transform:scale(1.5, 0.8);
">

<percentage>
<IMG src="Com/Picture.jpg" style="
 transform:scale(150%);
">

<IMG src="Com/Picture.jpg" style="
 transform:scale(150%, 80%);
">

関連

scale()scaleX()scaleY()scaleZ()scale3d()transform


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: