Advanced SVG Animation

Advanced SVG Animation

image description

Course Description

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.

What you will learn



Section 1: SVG Overview

Section 2: Optimization, CSS Animation, & SVG DOM

Section 3: SVG Sprites

Section 4: Performance

Section 5: Greensock

Section 6: UI/UX Animation vs. Standalone

Section 7: DrawSVG and Motion Along a Path

Section 8: Animating Text & Relative Color Values

Section 9: MorphSVG