CODEWITHSUNDEEP
cssfirefoxsvgsvg-animate
Griva
Griva

Reputation: 1738

SVG animate don't work for the first loading [firefox]

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

Upvotes: 1

Views: 532

Answers (1)

Robert Longson
Robert Longson

Reputation: 124049

This was fixed from Firefox version 50 by bug 935888.

Upvotes: 1

Related Questions