W3C home > Mailing lists > Public > www-style@w3.org > June 2011

Re: [css-animation] animation-fill-mode and animation groups

From: Rik Cabanier <cabanier@gmail.com>
Date: Fri, 3 Jun 2011 13:11:30 -0700
Message-ID: <BANLkTikd4CzWrK52av7+YFdwvVTxD_OSJQ@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: CSS 3 W3C Group <www-style@w3.org>, Andrew Fedoniouk <andrew.fedoniouk@live.com>
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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:41 GMT