CSS动画仅在iPad上崩溃Safari

Question

我的网站在iPad和iPad上的Safari中崩溃.我正在使用css3动画在标题中制作一张大图片(4800 x 374像素,但只有336 kb).几十秒后,这会导致Safari崩溃.

你可以在http://bakabaka.nl/preview/leuk/看到该网站

我可以防止这种崩溃,如果是这样,怎么样？我可以让动画更顺畅吗？它现在非常锯齿状......

Answer 1

这是在黑暗中进行的尝试，但也许值得。

我会尝试在 iOS 上使用 3D 动画，因为它使用硬件加速：

-webkit-transform: translate3d(X,Y,Z);

请参阅此处了解更多信息：“ 3D 变换函数”

iOS 上非常大的图像也可能会出现一些问题。也许将它们切成碎片是更好的解决方案。阅读更多相关内容：“了解 iOS 资源限制”