SVG animation isn't working in Safari

Question

SVG animation isn't working in Safari

cornellsteven opened this issue 9 years ago · 8 comments

I'll be honest, I don't know a lot about SVG compatibility, so this might be a known thing, but the animation is not working in Safari for me, but works fine in Chrome. I'm on Safari 8.0.6.

Answer 1 · 2015-11-13T21:53:09.000Z

To do with vendor prefixes, I'd say. I left them out to be forward facing... but should perhaps put them in :/

Answer 2 · 2015-11-13T21:55:56.000Z

I suppose it depends on how much extra code it adds. The little tail wag is great, but maybe not important enough for bloat. That said, I am on the newest version of Safari (for Yosemite, at least), so it might not be a bad idea.

Answer 3 · 2015-11-13T22:52:55.000Z

I think you're right... should probably add it!

Answer 4 · 2015-11-14T18:48:33.000Z

Ahh, just looked through it all. Going to pass on this one, and look forward. Would involve having @-webkit-keyframes as well as the animations.

I think if people decide that they can't do without it, they can add it in themselves.

Tough call, really. But I feel like this is ok :)

Thanks for pointing it out!

Answer 5 · 2015-11-14T21:20:37.000Z

Yeah, that makes total sense. Good call. Thanks for looking into it!

Answer 6 · 2017-03-25T10:31:35.000Z

Just a note probably the same issue on Microsoft Edge.

Answer 7 · 2017-03-25T13:37:29.000Z

Actually, since 2015, support for keyframes has gone native. Safari works, and edge should work too. (http://caniuse.com/#feat=css-animation)

Answer 8 · 2017-03-25T13:52:19.000Z

Sorry didn't realise the issue was so old! Will check if there's any reason not working in Edge for me.