
- 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
Transitions and Transforms
Learn how to animate SVG icons using CSS transitions and transforms.
9 stepsKeyframe and Line Drawing Animations
Learn how to create an SVG animation sequence using CSS @keyframes rules and animation properties. You will also learn the concept behind SVG line animation.
7 stepsTeacher
-
Guil Hernandez
Guil is a Full Stack JavaScript and Front End Web Development instructor.