I need loading animation for my page, thats why i found this page (loading.io).
You can create your own animation and export to css
/gif
/svg
. I downloaded SVG
.
I added everything to project - this is my piece of code:
.something{
background-color: #000;
background-image: url(img/rolling.svg);
}
And now i have a problem. When i open page for the first time (or reload browser cache) animation don't work - I can see background-image
but animation cannot start. For the second time it's working correctly but what about the first time? How can I fix it?
I checked google chrome - everything is ok. It seems it only appears on firefox.
Firefox version: 47.0.1
This was fixed from Firefox version 50 by bug 935888.