iOS上的CSS3动画

CSS3动画一直是MobileSafari中的一个持续问题，我四处寻找解决方案，但找不到适合我的情况的任何特殊解决方案

以下是我的设置： 我有三个页面，每个页面都动态加载到DOM中，页面使用css3动画不透明度淡入淡出。淡入淡出效果在模拟器和设备中发挥了巨大的作用

现在，在其中一个页面上，我添加了另一个CSS3动画，点击一个按钮就会触发。我基本上有一个css类，它添加了-webkit动画名称：anim；到元素。动画效果很好，但是从那个页面转到另一个页面时，突然出现的特性非常不稳定/缓慢/淡入淡出动画效果不佳

我甚至不需要通过点击按钮来启动动画，只要将所有css样式放在其中，页面就会变得非常缓慢。如果我删除所有与动画相关的样式，淡入淡出将再次顺利工作

我已经尝试了所有常用的方法，添加了translate3d0,0,0、-webkit透视图或-webkit背面可见性。所有这些都没有效果，当页面上有另一个动画的css时，淡入淡出动画变得非常缓慢

你知道为什么会这样吗

---

谢谢大家！非常感谢您的帮助

您好，您找到解决方案了吗？我怀疑您已经在这样做了-但是您是否检查了动画调用是否使用translate3d而不是translate3d？据我所知，翻译方法在某些版本的ios上没有得到优化，因此我不确定这是否会有所帮助。你也知道，有时候那些css修复样式需要应用于所有元素，而不仅仅是父元素，所以我从更新所有对优化版本的调用开始，并在我认为可能有用的地方在css中添加“修复”！css和正确调用的组合最终对我起了作用。