Prevent css3 animation from returning to original state?

[Rugg]

Hi,

I’m using css3 to animate the position of an element. It functions correctly…but after the animation is complete, the element returns to it’s original state. I’ve managed to find a partial fix by adding **-webkit-animation-fill-mode: forwards**; to the element. I’m thinking there must be a better method though.

Does anyone have a better solution? Your help is appreciated.

**Example:** http://jsfiddle.net/6bzTY/1/embedded/result/

**Example** (with animation-fill-mode): http://jsfiddle.net/6bzTY/embedded/result/

[Kitty Giraudel]

You got the solution already:

animation-fill-mode: forwards;

[Author]

Posts