CSS3

：

CSS関数

：

scale3d()

　 編集：2022.07.14 by T.A.

[Edge]○。→●、mdn

拡縮（3D）。

scale3d(
　[<number> | <percentage>]#{3}
)

与えられた順による 3 個の値からなる拡縮率ベクター [sx, sy, sz] による、3D 拡縮を指定する。 

<IMG src="Com/Picture.jpg" style="
 transform:perspective(500px) scale3d(1.5, 2, 1) rotateX(80deg);
">
perspectiveを指定しないとだめだった 

<IMG src="Com/Picture.jpg" style="
 transform:perspective(500px) scale3d(1.5, 2, 10) rotateX(80deg);
">
perspectiveを指定しないとだめだった

関連

perspective()。scale()、scaleX()、scaleY()。scale3d()、scaleZ()。

transform。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：