The matrix3d()
CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function>
data type.
Syntax
The matrix3d()
function is specified with 16 values. They are described in the column-major order.
matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)
Values
a1
b1
c1
d1
a2
b2
c2
d2
a3
b3
c3
d3
d4
- Are
<number>
s describing the linear transformation. a4
b4
c4
- Are
<number>
s describing the translation to apply.
Cartesian coordinates on ℝ2 | Homogeneous coordinates on ℝℙ2 | Cartesian coordinates on ℝ3 | Homogeneous coordinates on ℝℙ3 |
---|---|---|---|
This transformation applies to the 3D space and can't be represented on the plane. | A generic 3D affine transformation can't be represented using a Cartesian-coordinate matrix, as translations are not linear transformations. |
Examples
TBD
Browser compatibility
Please see the <transform-function>
data type for compatibility info.