Advanced SVG Animation Advanced SVG Animation

Responsive Sprites

Sarah Drasner
Microsoft
Check out a free preview of the full Advanced SVG Animation course:
The "Responsive Sprites" Lesson is part of the full, Advanced SVG Animation course featured in this preview video. Here's what you'd learn in this lesson:

Sarah spends a few minutes demonstrating responsive SVG animation sprites. They key to this technique is the use of media queries to hide and how the appropriate animating objects and JavaScript to shift the ViewBox as the container is resized. She then extends these ideas to a responsive animated infographic.

Get Unlimited Access Now