[kazoo]

#jquery #css
Mam animację. Obiekt przemieszcza się z punktu do punktu.
KOD:

 @-webkit-keyframes moveSlideshow {
 0% { left: 0px; }
 100% { left: -2000px; }

@-webkit-keyframes moveSlideshowReverse {
 0% { left: -2000px; }
 100% { left: 0px; }
}

Potrzebuję w dowolnym momencie (kliknięcie) odwrócić animację. Robiłem to w jQuery zmieniając klasę z movieSlideshow na movieSlideshowReverse. Wszystko fajnie poza tym, że animacja zmienia kierunek od miejsc skrajnych 0% i 100%, a ja potrzebuję "zawrócić" ją płynnie bez resetowania pozycji.
Jest szansa na dostanie się do wartości procentowej (keyframes) , albo do pozycji w pikselach w danym momencie (kliknięcia)?
Da radę to zrobić tą metodą czy szukać innego rozwiązania?

[amarantowy]

@kazoo: Wrzuć przykład w codepena/jsfidle to poprawie to.

[kazoo]

@amarantowy: http://jsfiddle.net/Hyg3C/4060/