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

Re: [css-animations] reverse animation-direction

From: Simon Fraser <smfr@me.com>
Date: Wed, 20 Apr 2011 11:03:57 -0700
Cc: Gabriel Gilini <gabrielgilini@gmail.com>, www-style@w3.org
Message-id: <C20C2AFF-CCF0-4532-95FA-6ADED8A1D457@me.com>
To: Rik Cabanier <cabanier@gmail.com>
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
Received on Wednesday, 20 April 2011 18:04:27 GMT

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