- From: Rik Cabanier <cabanier@gmail.com>
- Date: Fri, 3 Jun 2011 13:11:30 -0700
- To: Alan Gresley <alan@css-class.com>
- Cc: CSS 3 W3C Group <www-style@w3.org>, Andrew Fedoniouk <andrew.fedoniouk@live.com>
Received on Friday, 3 June 2011 20:11:59 UTC
Can't you incorporate the transform-origin into the keyframes structure? That way, you can move the point of rotation during the animation. Rki On Fri, Jun 3, 2011 at 1:27 AM, Alan Gresley <alan@css-class.com> wrote: > Hello all, > > Please see this animation using animation-fill-mode. > > > http://css-class.com/test/css/3/2d-animation/swap-via-script-roll-webkit.htm > > > Select the button to turn the square via it's point of 'transform-origin' > (bottom right). > > This type of animation is impossible to do with a normal keyframe > animation. Currently, the animation needs JS to work. I believe that this is > a use case for animation groups which Andrew Fedoniouk mentioned in this > thread. > > http://lists.w3.org/Archives/Public/www-style/2011Apr/0548.html > > Any thoughts or idea? > > > I tried to create a Gecko friendly script for the same demo but I could not > find the correct documentation that works with Aurora. > > https://developer.mozilla.org/en/DOM/Event/AnimationEvent > > > > -- > Alan Gresley > http://css-3d.org/ > http://css-class.com/ > >
Received on Friday, 3 June 2011 20:11:59 UTC