我需要为我的页面加载动画,这就是我找到this page (loading.io)的原因。
您可以创建自己的动画并导出到css
/ gif
/ svg
。我下载了 SVG
。
我将所有内容添加到项目中 - 这是我的代码:
.something{
background-color: #000;
background-image: url(img/rolling.svg);
}
现在我有一个问题。当我打开页面第一次(或重新加载浏览器缓存)动画不起作用时 - 我可以看到background-image
但动画无法启动。它是第二次正常工作但第一次怎么样? 我该如何解决?
我检查了谷歌浏览器 - 一切正常。 它似乎只出现在Firefox上。
Firefox版本: 47.0.1