Once you understand the basics of CSS it’s natural to move onto more detailed subjects such as CSS3 animations. One of the subtopics of CSS3 animation is working with SVGs. SVG elements accept a few of the standard CSS properties but in order to truly animate them you’d need to use a dedicated JavaScript animation library like Snap.svg. Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more. Click the buttons below to go to the Snap.svg website or read more on how to manipulate and animate SVG with Snap.svg in the accompanying Tuts+ tutorial.

View More View Tutorial