webkit translateX animation is rolling back to initial position

Question

I am trying to do a images gallery for mobile webkit,

The only way it is actually fast enough is using the hardware accelerated translateX .

My problem is that

Answer 1

Use:

-webkit-animation-fill-mode: none/backwards/forwards/both;

This allows you to define at what end of your animation the element remains when the animation is finished.