Save for later

Animating SVG with CSS

Heads up! This course may be archived and/or unavailable.

Web Design,

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
Segments in this Workshop
    Get Details and Enroll Now

    OpenCourser is an affiliate partner of Treehouse and may earn a commission when you buy through our links.

    Get a Reminder

    Send to:
    Rating 5.0★ based on 4 ratings
    Length 85-minute CSS Course
    Starts On Demand (Start anytime)
    Cost $25/month (Access to entire library- free trial available)
    From Treehouse
    Instructor Guil Hernandez
    Download Videos Only via web browser
    Language English
    Tags CSS

    Get a Reminder

    Send to:

    Similar Courses

    What people are saying

    check out nick pettit

    The course is a great way to dive deeper into CSS animation and SVG (for the intro check out Nick Pettit's SVG Basics, also a great mini-course I did before this one).

    explaining even tougher aspects

    Guil is an excellent teacher with a fun, engaging and clear way of explaining even tougher aspects of front-end.

    his teaching using basic

    Guil has a very accessible style to his teaching using basic examples to teach complex concepts in CSS, in this case Animating SVG with CSS transitions.

    learning well done guys

    Provider: Treehouse has the best tools for learning Well done guys!!

    best tools for learning

    deeper into css animation

    always look forward

    I always look forward to each course he makes on Treehouse.

    teach complex concepts

    also suggests lots

    He also suggests lots of useful additional material.

    clearly explains what

    He clearly explains what he does as he goes through and makes sure he tells you all the advantages and pitfalls of CSS techniques.

    definitely recommended

    Definitely recommended!

    accessible style

    Careers

    An overview of related careers and their average salaries in the US. Bars indicate income percentile.

    Vector/Cutco Sales Representative $62k

    Program Coordinator, Animating Democracy $62k

    Program Coordinator, Animating Democracy $62k

    Concept Artist/Vector Artist /Flash Animator $86k

    Assistant Vector Controller/Supv. $87k

    Vector Controller/Supv. $119k

    Senior Project Manager, Scalable Storage Lab, RD&E $124k

    Project Manager, Scalable Storage Lab, RD&E $126k

    Senior Global Product Manager, Scalable Storage $202k

    Write a review

    Your opinion matters. Tell us what you think.

    Please login to leave a review
    Login or register with your email instead.
    Rating 5.0★ based on 4 ratings
    Length 85-minute CSS Course
    Starts On Demand (Start anytime)
    Cost $25/month (Access to entire library- free trial available)
    From Treehouse
    Instructor Guil Hernandez
    Download Videos Only via web browser
    Language English
    Tags CSS

    Similar Courses

    Sorted by relevance

    Like this course?

    Here's what to do next:

    • Save this course for later
    • Get more details from the course provider
    • Enroll in this course
    Enroll Now

    Special thanks to our sponsors