Animating SVG with CSS

Animating SVG with CSS

image description

Course Description

SVG (Scalable Vector Graphics) also supports interactivity and animation, so you can animate and interact with SVG like you're able to do with HTML. This short course covers the most common methods for animating SVG: CSS transitions, transforms, and keyframe animations.

What you will learn

Transitioning & Transforming SVG Animating SVG with keyframes Animated Line Drawings in SVG

Curriculum

Section 1: Transitions and Transforms

Section 2: Keyframe and Line Drawing Animations