javascript - 如何复制 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%);

}
}

使用 JQtouch，相同的 HTML 像丝绸一样流畅。我做错了什么？！

Answer 1

解决方案：使用 translate3d(x,y,z); 动作流畅。