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

General Discussion

Posted by Ilja Daderko
Ilja Daderko
8,953 Points

SVG Drawing animations.

Hey guys,

I'm pretty sure you are familiar with Codrops blog if you watch treehouse show series. The stuff they do there is amazing!

I found this interesting concept of SVG drawing animations that is available at: http://tympanus.net/codrops/2013/12/30/svg-drawing-animation/ and fell in love with it!

However after downloading and looking through project files I still don't really understand how this is achieved. Could you please explain it to me in more depth, if possible with some examples e.g. a circle that is drawn out.

Also any resources that would help out to learn svg animations are welcome ;)

1 Answer

Frank Drebin
Frank Drebin
8,204 Points
Frank Drebin
Frank Drebin
8,204 Points

Hi Ilja, I found this tutorial from treehouse, I hope it helps you out a little. I haven't yet gone through it all...

http://blog.teamtreehouse.com/svg-path-animation-with-jquery-and-illustrator

Frank

Ilja Daderko
Ilja Daderko
8,953 Points

this is really helpful, thanks!