CSS matrix3d() Function

❮ Previous Functions Next ❯

Example

img:hover {
  transform: matrix3d(0.5, 0, -0.866025, 0, 0.595877, 1.2, -1.03209, 0, 0.866025, 0, 0.5, 0, 25.9808, 0, 15, 1);
}
Try this code ❯




Meaning

The matrix3d() css function defines a 3D transformation as a 4x4 homogeneous matrix.

Version: CSS3



Standard Syntax

matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)


Browser Support

The numbers in the table specify the first browser version that fully supports the property.



Status





Function Arguments

The following table describes the arguments of this function.

Argument Description
a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 numbers describing the linear transformation.
a4 b4 c4 d4 numbers describing the translation to apply.


See also

❮ Previous Functions Next ❯