1

我使用 CSS3 过渡编写了一些动画,它在桌面浏览器上运行良好,但是当我尝试在 iPad 上使用它时,它在动画完成后会出现这种奇怪的闪烁。这是示例的链接:

http://codepen.io/EugeneGordin/full/LFBkn

我已经应用了backface-visibility 和 translate3d,虽然他们帮助它并没有消除闪烁。我还删除了对 z-index 和 display: none 的任何引用,所以我对进一步探索感到茫然。

我用 translate3d 制作了大约 15 个 div 动画,还有一些用 opacity 制作动画,所以我不觉得我在推动硬件可以处理的极限。FWIW,我已经在 micrososft 表面上进行了测试,那里的动画看起来很流畅。

我将不胜感激任何帮助!

4

0 回答 0