asp.net.ph

Skip Navigation LinksAbakada: Back to Basics > Language References > CSS Properties > Transform Functions > matrix3d( ) Transform Function

matrix3d( ) Transform Function


Defines a 2D transformation matrix.

Syntax:

{ transform: matrix3d(number(4),number(2) } }

Possible Values

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( ) ).

Remarks:

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.

Example

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.

See Also

matrix3d



Check out related books at Amazon

© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note