webkit translateX animation is rolling back to initial position
Posted
by Cedric Dugas
on Stack Overflow
See other posts from Stack Overflow
or by Cedric Dugas
Published on 2010-01-07T02:33:50Z
Indexed on
2010/05/31
23:33 UTC
Read the original article
Hit count: 479
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 the div take back its initial position at the end of the animation. I add the slideGalLeft class cliking on the left button. to the animated div
You can see an example here, in the callback events section: http://position-absolute.com/jqtouch/demos/main/#home
.slideGalLeft {
-webkit-animation-name: slideColis;
}
@-webkit-keyframes slideColis {
from { -webkit-transform: translateX(0%); }
to { -webkit-transform: translateX(-100%); }
}
© Stack Overflow or respective owner