Re: [css-animations] reverse animation-direction

On Apr 20, 2011, at 8:52 AM, Rik Cabanier wrote:

> Maybe 'animation-direction: alternate', 'animation-iteration-count: 2' and an 'animation-delay' with negative length of the animation would do the trick.

I think it would, but it's cumbersome.

> 
> On Tue, Apr 19, 2011 at 9:58 AM, Gabriel Gilini <gabrielgilini@gmail.com> wrote:
> Hi.
> 
> I always missed a "reverse" value for the animation-direction property.
> 
> Sometimes you have a complex animation that will be applied to two different elements, but one of them should be in reverse. It just feels silly copying the whole animation and reversing the percentages to get the desired effect. So, a value named "reverse" would define that, for that rule, the animation should always run on reverse mode, from 100% to 0%.

You'd need 4 values for animation-direction if you were to do this (each combination of the existing 'alternate' and your 'reverse'):

normal
alternate
normal-reverse
alternate-reverse

Simon