matrix3d

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

matrix3d



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.

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

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?

Mobile

Feature Android BlackBerry Chrome for mobile Firefox Mobile (Gecko) IE Mobile Opera Mobile Opera Mini Safari Mobile
Basic support ? ? ? ? ? ? ? ?

See also

Related articles

Transforms




































  • matrix3d















… further results


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]