Hi Jordan,
The transformation matrix for the animation in the RadRotator is the equivalent matrix to the CSS3 transform rule. Here is a brief description of this new CSS rule:
https://developer.mozilla.org/en/css/-moz-transform#matrix.
This matrix corresponds to the standard 2d transformation matrix that is used to translate, scale or rotate geometrical objects in space. Here are a few special case matrices:
- vertical flip - {m11: 1, m12: 0, m21: 0, m22: -1}
- horizontal flip - {m11: 1, m12: 0, m21: 0, m22: -1}
- 90o counter-clockwise - {m11: 0, m12: -1, m21: 1, m22: 0}
- 90o clockwise - {m11: 0, m12: 1, m21: -1, m22: 0}
- 2x wider - {m11: 2, m12: 0, m21: 0, m22: 1}
- etc.
The possibilities for manipulating the appearance of the items, having this powerful tool, appear endless.
Best wishes,
Niko
the Telerik team