Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Giuseppe Barbera
Giuseppe Barbera
1,933 Points

Wrong svg animation SAFARI - FIREFOX

Hi Guys,

i created this animation works perfectly on chrome, but on safari - edge - firefox it's broken, i tried with different approach but nothing to do.

http://codepen.io/Shad0oW/pen/NdEEBN

Any suggest ?

Thx in advance

Chris Thomas
.a{fill-rule:evenodd;}techdegree seal-36
Chris Thomas
Front End Web Development Techdegree Graduate 34,909 Points

What was your other approach?

I noticed you're only using the -webkit vendor prefix and nothing for -moz- and that could be the issue.

2 Answers

Giuseppe Barbera
Giuseppe Barbera
1,933 Points
Giuseppe Barbera
Giuseppe Barbera
1,933 Points

i know... but if you add the vendor prefixes it's the same.... dont' fix the issue with prefixes...

Giuseppe Barbera
Giuseppe Barbera
1,933 Points
Giuseppe Barbera
Giuseppe Barbera
1,933 Points

my other approach was : transform and rotate the Wrapper of SVG, change the transform-origin... etc etc..