SamHerbert / SVG-Loaders

Loading icons and small animations built with pure SVG.
http://samherbert.net/svg-loaders
MIT License
6.84k stars 4.73k forks source link

SVG's SMIL animations are deprecated. #14

Open Tenkir opened 9 years ago

Tenkir commented 9 years ago

SMIL is deprecated and should be replaced with CSS animation.

SamHerbert commented 9 years ago

I have plans to transition to CSS animations, however my free time is little. May be a bit. Any help is appreciated.

sinky commented 8 years ago

Is there any way to use the CSS animations when the SVG is used by IMG tag oder css background-image?

Currently i use one SVG-Loader here: https://my-azur.de/blog/usa-urlaub-2015-florida-roadtrip-richtung-naples-mit-vielen-stopps/ as a background image.

wing-kai commented 8 years ago

@sinky http://stackoverflow.com/questions/12583879/linking-to-css-in-an-svg-embedded-by-an-img-tag

zslabs commented 8 years ago

Huge fan of this library @SamHerbert!

I made sure sure I appended credit to you, but for everyone else; I decided to take a stab at recreating these using GSAP. You can view the demo at http://codepen.io/zslabs/full/YwygoQ/

Still a little off on some, but am happy with the direction these are going. Any contributions are welcome!

scratchoo commented 7 years ago

@SamHerbert from your note "NOTE: Chrome 45 has deprecated the use of SMIL animations" does this means if I use the actual loaders they won't work on Chrome ? have you fixed the issue ?

SamHerbert commented 7 years ago

@medBouzid It looks like the Chrome team has currently suspended the deprecation.

They are safe to use in Chrome, for now. I have been converting the icons to CSS in the next branch. However, those are not fully tested and many icons break in FireFox. You may use them at your own risk. I'd still use the SMIl icons for the time being.

the94air commented 7 years ago

@medBouzid Is it safe to use your svg-css-loaders cross browsers.

the94air commented 2 years ago

Came across this repo again and was actually surprised that I left a reply here years ago! 🤣