Как скопировать JQtouch гладкой анимации iPhone?

Question

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

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

CSS для анимации выглядит так:

.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

решение: используйте translate3d (x, y, z); движется плавно.