How do I reverse a CSS3 animation on the first iteration (and not the second)?

Webkit-animation: slidein 2s ease-out -2s infinite alternate forwards Just make the animation start at - duration sec to directly jump into the 2nd animation ;).

Webkit-animation: slidein 2s ease-out -2s infinite alternate forwards; Just make the animation start at -duration sec to directly jump into the 2nd animation ;).

Not really sure what you are talking about, but surely flipping the from and to values would make it run backwards first time.

Thanks for the answer, but this is exactly what I want to avoid. On a more complex animation I would not want to rewrite the animation in reverse, but instead I would like to reverse the animation by a simple command in the class definition. – niovhe Mar 31 at 14:07 AFAIK there isn't a better way to do this.

I've read through developer.apple. Com/library/safari/#documentation/InternetWeb/… , and didn't see anything particularly helpful. Maybe file a webkit bug?

– Rich Bradshaw Mar 31 at 14:14.

This will reverse the animation on the second iteration, I would like to reverse it directly on the first iteration.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions