“matrix3d()”関数

“matrix3d()”関数

“matrix3d()”関数は要素を三次元空間内でアフィン変換するため変形マトリクスの成分を直接記述するための関数です。

“<transform-function>”値として使用することができ、“transform”プロパティで要素を線型変換や平行移動することができます。

引数は16個の“<number>”値をコンマ(“,”)で区切って記述します。

それぞれの引数は列優先で並べると4×4の変形マトリクスの成分に対応します。

引数を4×4になるように改行すると理解しやすくなります。

“matrix3d()”関数で表される変形マトリクスが単位行列の場合、要素は変形されません。

使用例

.transform-1 { transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
.transform-2 { transform: matrix3d(1,0.25,0,0,0.5,1,-0.5,0,0.5,-0.25,1,0,0,0,0,1);}


matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)

前

後

右

左

上

下

matrix3d(1,0.25,0,0,0.5,1,-0.5,0,0.5,-0.25,1,0,0,0,0,1)

前

後

右

左

上

下

仕様書

定義されている仕様書

matrix3d()