Coverflow - set_scrollAnimationOptions

[Rhyss]

I am trying to find out some informaiton on the 2d transformation matrix that is used in the set_scrollAnimationOptions of a Rotator control.  Specifically what the matrix elements represent and how it effects the coverflow items.  I've used the demo code but it is all trial and error and i can't find ANY documentation on this feature.

any assistance appreciated.
thanks
Jordan

[Niko]

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}
• 90^o counter-clockwise - {m11: 0, m12: -1, m21: 1, m22: 0}
• 90^o 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