CSS3动画一直是移动游猎中的一个问题，我一直在寻找解决方案，但无法找到适合我情况的任何内容。
这是我的设置： 我有三个页面，每个页面都动态加载到DOM中，页面显示为淡入淡出（使用css3动画不透明度）。淡入淡出效果在模拟器和设备中运行良好
现在，在其中一个页面上，我添加了另一个CSS3动画，只需按一下按钮即可触发。我基本上有一个css类，它添加-webkit-animation-name：anim;对元素。动画效果很好，但是从那个页面突然转向另一个突然的特征是非常摇摇欲坠/迟缓/差的淡入淡出动画。
我甚至不必通过单击按钮来启动动画，只是让所有的CSS样式导致页面淡入变得非常迟缓。如果我删除所有与动画相关的样式，淡入淡出将再次顺利运行......
我已经尝试了所有常用的东西，添加了translate3d（0,0,0），-webkit-perspective或-webkit-backface-visibility。一切都没有效果，当页面上有另一个动画的css时，淡入淡出动画变得非常迟钝！
关于为什么会这样的任何想法？
谢谢你们！非常感谢帮助！