出于某种原因，这在桌面Chrome、Safari和Firefox中的工作与预期一致，但在iOS上，大约一半的时间不播放动画--div在2.5秒后消失，不透明度没有渐进性变化。这种情况在iPhone和iPad、Firefox和Safari上都会发生。

自最初发布后尝试的内容:

• 添加到元素的原始定义中。
• 改为通过JS设置属性。
• 使用and代替and。
• 将初始不透明度设置为1而不是0，然后添加。
• 添加短延迟。
• 使用完整的动画定义而不是速记符号。
• 使用and的附加定义。

使用上述任何一项都不会对动画产生影响，除了iOS之外，动画仍然按预期工作。

（不是真正的）解决方案

使iOS一致显示动画的唯一方法是在动画中添加一个短延迟:

但是，由于“即时显示然后淡出”动画可以在旧动画仍在其上运行时触发，因此延迟增加了一个明显的单帧闪光，这是不希望的（不管延迟值设置得多低）。

有什么想法吗？

顺晟科技：