Library

Animating SVG with CSS

85-minute CSS Course

Start Course Play Watch trailer
  • CSS
  • Intermediate

About this Course

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'll learn

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

Teacher

  • Guil Hernandez

    Guil is a Full Stack JavaScript and Front End Web Development instructor.

Download videos

You need to sign up for Treehouse in order to download course videos.

Sign up