The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.
This article is Ready to Use.
Defines a two dimensional transformation in matrix format.
-webkit-transform: matrix(1, 0, 0.5, 1, 10, 0); -o-transform: matrix(1, 0, 0.5, 1, 10, 0); transform: matrix(1, 0, 0.5, 1, 10, 0);
This function defines a two dimensional transformation in matrix format.That is, a function
matrix(a,b,c,d,e,f)which holds 6 parameters as numbers, each one controlling one transformation factor. In fact,
matrix()combines all the CSS transformation functions (translate, skew, etc.) in one command. For example, the new position of a point
(x,y)will be such that:
newX = a*x + c*y + eand
newY = b*x + d*y + f
- A matrix value.
- CSS Transforms Module, Level 3, Section 13.1
Related pages (MSDN)
Mathematical Description of Transform Functions
Hands On: 2D Transforms
This article contains content originally from external sources.
Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]