Advanced SVG Animation Advanced SVG Animation

Step Animations & Rolling backgrounds

Check out a free preview of the full Advanced SVG Animation course:
The "Step Animations & Rolling backgrounds" Lesson is part of the full, Advanced SVG Animation course featured in this preview video. Here's what you'd learn in this lesson:

Step animations consists of moving one large animation sprite to show each “cell” of the animation. Removing the steps creates a rolling background effect. When multiple rolling background exists, Sarah demonstrates how staggering the durations can add a sense of depth to the scene.

Get Unlimited Access Now