我使用CSS3过渡编写了一些动画,它在桌面浏览器上运行良好,但是当我尝试在iPad上使用它时,它会在动画完成后进行奇怪的闪烁。以下是示例的链接:
http://codepen.io/EugeneGordin/full/LFBkn
我已经应用了backface-visibility and translate3d,虽然他们帮助了它但没有删除闪烁。我还删除了对z-index和display:none的任何引用,所以我无法进一步探索。
我使用translate3d和其他一些不透明的动画制作大约15个div,所以我不觉得我正在推动硬件可以处理的极限。 FWIW,我已经在micrososft表面进行了测试,动画在那里看起来很光滑。
我将不胜感激任何帮助!