我建立了一个使用CSS关键帧运行的SVG动画。它在台式机上效果很好,但是在较慢的移动设备上时,页面加载后动画几乎结束了。
问题是我正在使用CSS(动画延迟:3s),但是页面加载大约需要4秒钟,因此到加载时,我的动画已经开始播放。在CSS动画开始之前,我需要完全加载页面并加载Jquery!
基本上,如何在CSS animation-delay属性运行之前让页面完全加载,或者如何在准备好Jquery文档后使页面运行。
最佳答案
我对如何执行此操作有一些想法。
您可以将动画设置为在5秒钟后加载。
或者,创建一个轻量级的移动版本。或了解哪些因素会影响页面加载时间。使用最低版本。
编辑:根据移动像素尝试(动画延迟:5)。
@media (min-width: 576px) {
}