Notice: Workspaces are undergoing maintenance and are temporarily unavailable.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Join the Treehouse affiliate program and earn 25% recurring commission! 🤑

Animating SVG with CSS

85-minute CSS Course

Start Course

CSS Courses
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.

Library