No animation in Firefox

SamHerbert / SVG-Loaders

Loading icons and small animations built with pure SVG.

http://samherbert.net/svg-loaders

MIT License

6.84k stars 4.74k forks source link

No animation in Firefox #3

Closed thasmo closed 9 years ago

thasmo commented 9 years ago

Very nice loaders!

They don't animate in Firfox for now. ;)

thasmo commented 9 years ago

Oh, they do animate, but only on primed cache. On initial load (empty browser cache) nothing is animated.

thasmo commented 9 years ago

Just noted that even on primed cache only some loaders animate, other's don't.

SamHerbert commented 9 years ago

I noticed this last night as well, I'm taking a look into Firefox weirdness today, thanks!

SamHerbert commented 9 years ago

Looks like there were some issues setting an animated SVG background with CSS, so I moved them to img tags, which clears up the caching issue in FireFox. Not going to look too deeply into why CSS backgrounds are funky.

I also corrected the 3 loaders that were broken in SVG. FireFox didn't accept fractional time values without a leading 0.

Thanks!

thasmo commented 9 years ago

@SamHerbert, looks a lot better now. The third heart in the top right tile still doesn't animate, fyi. ;)

SamHerbert commented 9 years ago

Good catch. Fixed!