The CSS -ms-transform Microsoft extension property provides an implementation of the CSS 2D Transforms Module. It is supported as of IE9PP6 [1]. Here is a list of transformations that can be applied to an object:
| name | num parameters | description |
|---|---|---|
| matrix | 6 | transforms through a transformation matrix |
| translate | 1-2 | a translation |
| translateX | 1 | translates in the X direction |
| translateY | 1 | translates in the Y direction |
| scale | 1-2 | a scaling |
| scaleX | 1 | scales in the X direction |
| scaleY | 1 | scales in the Y direction |
| skew | 1-2 | a skew |
| skewX | 1 | skews in the X direction |
| skewY | 1 | skews in the Y direction |
| rotate | 1 | rotates the specified number of degrees |
Example[]
To double the size of an image, then rotate it by 180 degrees:
img#upsideDown {-ms-transform: scale(2) rotate(180);}