Advanced SVG Animation

Advanced SVG Animation

2 hours, 55 minutes

This course has been updated! We now recommend you take the SVG Essentials & Animation, v2 course.

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.

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

Published: February 19, 2016
Get Unlimited Access Now
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