как копировать JQtouch плавные анимации iphone?

Question

так, я знаю, как это сделать по теории, покупайте, когда я пытаюсь сделать анимацию очень лагги.

, что я "делаю: я получил эту UL со всем видом элементов и текста (на самом деле стандарт), и когда я хочу, чтобы оживить его я просто добавить с JS класса„Flipout“как так: элемент. = имя класса "FlipOut";

СМЧ для анимации выглядит следующим образом:

.flipout{ 
-webkit-animation-duration: .55s; 
-webkit-animation-name: flipout_anim; 
-webkit-transform-origin: left; 

} 

@-webkit-keyframes flipout_anim { 
    from { 
    -webkit-transform: translateX(0%); 
} 
to { 
    -webkit-transform: translateX(-100%); 

} 
} 

тот же HTML движется гладко, как шелк с JQtouch .. что я делаю не так ?!

Answer 1

решение: use translate3d (x, y, z); перемещается плавно.