Research Resource Discovery

Advanced SVG Animation

Affiliation: UIUC


Type: Streaming Resource

Description: Scalable vector graphics (SVGs) adapt smoothly to a wide variety of sizes, and are easy to manipulate with their navigable DOM. In this course, learn how to work with the powerful SVG graphic format, and create complex animations for multiple use cases across the web. Sarah Drasner begins the course by providing an introduction to SVG and outlining the SVG DOM (document object model). Next, she explains how to create SVG graphics with platonic shapes, and work with paths and groups. Sarah also discusses optimizing SVG files, working with responsive SVG animation sprites and the GreenSock animation library, animating text and relative color values, and more.

Note: This course was created by Frontend Masters. It was originally released on 2/19/2016. We're pleased to host this training in our library.

Quality Level: production