matrix3d
matrix3d
This page has been flagged with the following issues:
High-level issues:
Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.
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
- CSS Transforms Module, Level 3, Section 13.2
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
Related pages (MSDN)
Transform FunctionsMathematical Description of Transform FunctionsDirect3D: Matrices
This article contains content originally from external sources.
Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]
This tool helps to make and review comments inline.
How to Use
insert instructions, with images, here