Abakada: Back to Basics > Language References > CSS Properties > Transform Functions > matrix3d( ) Transform Function
Defines a 2D transformation matrix.
{ transform: matrix3d(number(4),number(2) } }
The matrix3d( ) function is specified with six values.
a b c d |
Positive floating-point number describing the linear transformation. |
tx ty |
Positive floating-point number describing the translation to apply. |
The values represent the following functions: matrix( scaleX( ), skewY( ), skewX( ), scaleY( ), translateX( ), translateY( ) ).
The matrix3d( ) CSS function defines a homogeneous 2D transformation matrix.
The passed parameter defines the size of adjacent units to blend, thereby setting the amount of deviation from the element’s default sharpness level.
A value of 0 leaves the input unchanged, while higher values increase the effect.
Percentage or negative values ( < 0 ) are ignored and render the element unchanged.
NOTE: Percentage values are invalid.
NOTE: This section is currently under major reconstruction. Please bear with whatever inconvenience you may encounter; we hope to complete the job at the soonest possible time.
For a brief overview, please see Understanding and Using CSS Transforms.
matrix3d