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 Animating SVG with CSS Keyframe and Line Drawing Animations Creating an Animated Line Drawing

Nigel Yoshida
Nigel Yoshida
5,957 Points
Posted by Nigel Yoshida
Nigel Yoshida
5,957 Points

Why does the animation not work in Safari?

When I preview in Chrome the animation works. However, in Safari, the animation does not work.

4 Answers

Cesar De La Vega
Cesar De La Vega
13,900 Points

can you take a snapshot of your workspace and share it with us? I'm working on safari and it works just fine. You can also download the project files and compare with your code... Maybe you forgot to deleted or add something. Lastly, copy and paste the project files into your workspace.

nfs
nfs
35,526 Points
nfs
nfs
35,526 Points

agree with De La Vega

bobkingstone
bobkingstone
27,869 Points
bobkingstone
bobkingstone
27,869 Points

I'm afraid this is the joy of front end development, while one works fine in one browser in another it doesn't, there are several reported bugs to do with animations in Safari, that only testing can identify.

Susanne Brauer
Susanne Brauer
5,776 Points
Susanne Brauer
Susanne Brauer
5,776 Points

you very likely need too add the -webkit- prefix to the animation in safari