Advanced SVG Animation

Advanced SVG Animation

Sarah Drasner
Sarah Drasner
Microsoft
2 hours, 55 minutes

Become a Master

This course and others like it are available as part of our Frontend Masters video subscription.

Watch Free Preview Join Frontend Masters
SVGs are resolution-independent, scalable for responsive, and easy to navigate with their navigable DOM. Learn how to use this powerful graphic format as well as how to make complex animations for a myriad of use cases across the web.
Published: February 19, 2016

Table of Contents

SVG Overview

Optimization, CSS Animation, & SVG DOM

SVG Sprites

Performance

Greensock

UI/UX Animation vs. Standalone

DrawSVG and Motion Along a Path

Animating Text & Relative Color Values

MorphSVG