CSS3

CSS関数

scaleZ()

[Edge]○。→●、mdn

Z方向拡縮。

所与のパラメタ sz による拡縮率ベクター [ 0, 0, sz ] による、3D 拡縮を指定する。

<number> ○

<IMG src="Com/Picture.jpg" style="
 transform:perspective(100px) scaleZ(2) translateZ(-50px);
">

※perspective()を先に指定しないとだめだった

<IMG src="Com/Picture.jpg" style="
 transform:perspective(100px) scaleZ(5) translateZ(-50px);
">

※perspective()を先に指定しないとだめだった

<percentage> ○

<IMG src="Com/Picture.jpg" style="
 transform:perspective(100px) scaleZ(2) translateZ(-10px);
">

<IMG src="Com/Picture.jpg" style="
 transform:perspective(100px) scaleZ(5) translateZ(-10px);
">

関連

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

perspective()、translate3d()。transform。

テスト