CSS3 动画一直是移动 safari 中的一个持续问题，我四处寻找解决方案，但找不到适合我情况的任何东西。
这是我的设置：我有三个页面，每个页面都动态加载到 DOM 中，页面显示为淡入淡出（使用 css3 动画不透明度）。淡入淡出效果在模拟器和设备中效果很好
现在，在其中一个页面上，我添加了另一个 CSS3 动画，该动画在单击按钮时触发。我基本上有一个 css 类，它添加了 -webkit-animation-name: anim; 到元素。动画效果很好，但是从那个页面离开到另一个突然的功能是非常不稳定/缓慢/糟糕的淡入淡出动画。
我什至不必通过单击按钮来启动动画，只需将所有 css 样式放入会导致页面褪色变得非常缓慢。如果我删除所有与动画相关的样式，淡入淡出将再次顺利工作......
我已经尝试了所有常用的方法，添加了 translate3d(0,0,0)、-webkit-perspective 或 -webkit-backface-visibility。全部没有效果，当页面上有另一个动画的css时，淡入淡出动画变得非常缓慢！
关于为什么会这样的任何想法？
多谢你们！高度赞赏帮助！