Ask DN: What is the best way to animate an SVG image for the web?

over 5 years ago from , Art Director

I got curious after seeing a cool animation on the X button for this blog's dropdown ad bar: http://blog.codacy.com/

It looks like the X icon is pure CSS3, but I'm wondering how to create a similar effect using SVG. Is there a preferred method of animation? Is CSS3-only an option? Or does SVG animation require JavaScript?

I'm familiar with animation on the web but still somewhat new to SVG animation.