标签 svg

SVG Morphing Quarters

I am a fan of SVG. [Bees and Bombs](http://beesandbombs.tumblr.com/) makes rad geometric gifs. So I recreated [this gif](http://beesandbombs.tumblr.com/post/101579804084/quarters) in SVG. The initial SVG code is one quartered circle that morphs into outward facing quarters with SMIL animations. That circle is then cloned, translated and appended in JavaScript, using the 'begin" attribute to offset animation in concentric diamonds. Thanks to [Dave Whyte (Bees and Bombs)](https://twit

SVG image animated with CSS

Just a cat's tail animated with css (sass/compass). The cat is a SVG image created in illustrator.

Line graph animation

Responsive line graph animation using SNAP SVG. I hope you like the animation and find it useful! :) Thanks!

Animated SVG Background

Using CSS animations and a SVG with a sprinkle of JS for advancing the colors. Simply set the top less variables for the main colors, and the surrounding colors are achieved through color functions.