CSS3

：

CSS関数

：

matrix3d()

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

4×4 の三次元同次変換行列を定義する。3D変形を行う。

matrix3d( <number>#{16} )

与えられた 16 個の成分値からなる、列主導の順序による 4×4 斉次行列として、3D 変形を指定する。 

<IMG src="Com/Picture.jpg" style="
 transform:perspective(500px) matrix3d(
	1, 0, 0, 0,
	0, 1, 0, 0,
	0, 0, 1, 0,
	10, 20, 0, 1
 );
">


<IMG src="Com/Picture.jpg" style="
 transform:perspective(500px) matrix3d(
	2, 0, 0, 0,
	0, 1, 0, 0,
	0, 0, 1, 0,
	10, 20, 0, 1
 );
">


<IMG src="Com/Picture.jpg" style="
 transform:perspective(500px) matrix3d(
	1, 0, 0, 0,
	0, 2, 0, 0,
	0, 0, 1, 0,
	10, 20, 0, 1
 );
">

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：