Advanced SVG Animation

Advanced SVG Animation

2 hours, 55 minutes

This course is being updated soon. You can join us live online for the recording of the new, Advanced SVG Animations v2 workshop.

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