matrix3d

< css‎ | functions(Redirected from css/functions/matrix3d())
Jump to: navigation, search

matrix3d

This article is Almost Ready.



Summary

Defines a three-dimensional transformation in matrix format. The function requires exactly 16 comma-separated numbers as parameters; these represent the matrix values in "column-major" (top to bottom, then left to right) order.



Compatibility

There is no data available for topic "css", feature "matrix3d". If you think that there should be data available, consider opening an issue.

Examples

The following code snippet is an example of the matrix3d function in use. When applied to a square blue div element, it has the effect illustrated in the image.

CSS

div {
  transform: matrix3d(0.359127, -0.469472, 0.806613, 0, 0.190951, 0.882948, 0.428884, 0, -0.913545, 0, 0.406737, 0, 0, 0, 0, 1);
}

Notes

Remarks

All other transformation functions are based on the matrix3d function. It is a good idea to become familiar with transform coordinate systems and rendering before attempting to specify 3-D transforms manually.

Syntax

matrix3d ( <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> , <number> )

Parameters

number
A matrix value.

Standards information


See also

Related articles

Transforms





  • matrix3d


























Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]