I'm only using a code editor (I love Espresso and the current v5 version is a neat tool to edit your css/js/html code) to animate svgs. Actually, there are 2 ways to create an svg animation: using pure javascript or to apply some css rules to animate your svg elements with css transitions and transformations. I'm using a hybrid solution on the website: I use css transitions for the animations and start/stop/control the animation by toggling the css class on the inline svg element with javascript.
Thanks! Great question!
I'm only using a code editor (I love Espresso and the current v5 version is a neat tool to edit your css/js/html code) to animate svgs. Actually, there are 2 ways to create an svg animation: using pure javascript or to apply some css rules to animate your svg elements with css transitions and transformations. I'm using a hybrid solution on the website: I use css transitions for the animations and start/stop/control the animation by toggling the css class on the inline svg element with javascript.