我建立了一个使用CSS关键帧运行的SVG动画。它在台式机上效果很好,但是在较慢的移动设备上时,页面加载后动画几乎结束了。

问题是我正在使用CSS(动画延迟:3s),但是页面加载大约需要4秒钟,因此到加载时,我的动画已经开始播放。在CSS动画开始之前,我需要完全加载页面并加载Jquery!

基本上,如何在CSS animation-delay属性运行之前让页面完全加载,或者如何在准备好Jquery文档后使页面运行。

最佳答案

我对如何执行此操作有一些想法。

您可以将动画设置为在5秒钟后加载。

或者,创建一个轻量级的移动版本。或了解哪些因素会影响页面加载时间。使用最低版本。

编辑:根据移动像素尝试(动画延迟:5)。

@media (min-width: 576px) {

}

10-05 20:19
查看更多