SVGs are resolution-independent, scalable for responsive layouts, and easy to navigate with their navigable DOM. This course, Advanced SVG Animation, teaches you how to use this robust graphic format. By the end of this course, you’ll have the knowledge necessary to make complex animations for a myriad of use cases across the web.
Overview
SVGs are resolution-independent, scalable for responsive layouts, and easy to navigate with their navigable DOM. This course, Advanced SVG Animation, teaches you how to use this robust graphic format. By the end of this course, you’ll have the knowledge necessary to make complex animations for a myriad of use cases across the web.
Syllabus
- SVG Overview 18mins
- Optimization, CSS Animation, and SVG DOM 11mins
- SVG Sprites 28mins
- Performance 15mins
- Greensock 35mins
- UI/UX Animation vs. Standalone 28mins
- DrawSVG and Motion Along a Path 7mins
- Animating Text and Relative Color Values 9mins
- MorphSVG 20mins
Taught by
Sarah Drasner