Coverflow - set_scrollAnimationOptions

2 posts, 0 answers
  1. Rhyss
    Rhyss avatar
    60 posts
    Member since:
    Jan 2007

    Posted 30 Mar 2011 Link to this post

    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
  2. Niko
    Admin
    Niko avatar
    387 posts

    Posted 30 Mar 2011 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top