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

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

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

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

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence
    • Close
  • Rees Mortensen
    Rees Mortensen
    13,563 Points

    This is not working and I cant figure out why.

    Posted on Nov 20, 2020 by Rees Mortensen
    Rees Mortensen
    13,563 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • t0ny
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    t0ny
    Front End Web Development Techdegree Graduate 14,685 Points

    Code in the video not displaying correctly in Chrome 85

    Posted on Oct 7, 2020 by t0ny
    .a{fill-rule:evenodd;}techdegree seal-36
    t0ny
    Front End Web Development Techdegree Graduate 14,685 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Silvia Ramos
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Silvia Ramos
    Front End Web Development Techdegree Graduate 18,318 Points

    Classes on SVG

    Posted on Jul 15, 2020 by Silvia Ramos
    .a{fill-rule:evenodd;}techdegree seal-36
    Silvia Ramos
    Front End Web Development Techdegree Graduate 18,318 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    0 Answers

  • Joseff Kitchen
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Joseff Kitchen
    Front End Web Development Techdegree Graduate 16,751 Points

    use of %

    Posted on Jul 13, 2020 by Joseff Kitchen
    .a{fill-rule:evenodd;}techdegree seal-36
    Joseff Kitchen
    Front End Web Development Techdegree Graduate 16,751 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    0 Answers

  • Roald Jurrian Kamman
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Roald Jurrian Kamman
    Front End Web Development Techdegree Graduate 15,544 Points

    Don't reference some websites without putting them in the teacher's notes.

    Posted on Apr 23, 2020 by Roald Jurrian Kamman
    .a{fill-rule:evenodd;}techdegree seal-36
    Roald Jurrian Kamman
    Front End Web Development Techdegree Graduate 15,544 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    0 Answers

  • vamosrope14
    vamosrope14
    14,932 Points

    Why couldn't we have applied a <g> wrapper to the outer, inner, and inline elements?

    Posted on Jun 21, 2019 by vamosrope14
    vamosrope14
    14,932 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    0 Answers

  • Pierre Grönberg
    Pierre Grönberg
    10,294 Points

    I can't manage to get this to be working ?

    Posted on Mar 25, 2019 by Pierre Grönberg
    Pierre Grönberg
    10,294 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    2 Answers

  • Leonardo Motta
    Leonardo Motta
    11,284 Points

    This svg animation with css course here on TreeHouse needs a remake, I am sorry but the quality is not good.

    Posted on Aug 22, 2018 by Leonardo Motta
    Leonardo Motta
    11,284 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Pawel Ellwart
    Pawel Ellwart
    12,993 Points

    It doesn't work on Chrome and I don't know why?

    Posted on Nov 11, 2017 by Pawel Ellwart
    Pawel Ellwart
    12,993 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    5 Answers

  • nymphsth
    nymphsth
    6,072 Points

    Where is CSS Animation Basics video?

    Posted on Apr 9, 2017 by nymphsth
    nymphsth
    6,072 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    2 Answers

  • dlpuxdzztg
    dlpuxdzztg
    8,243 Points

    Empty Workspace?

    Posted on Mar 11, 2017 by dlpuxdzztg
    dlpuxdzztg
    8,243 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Pranav Gupta
    PLUS
    Pranav Gupta
    Courses Plus Student 6,125 Points

    @keyframe Animation : does treehouse offer a course on keyframe animation or is it part of another course ?

    Posted on Mar 4, 2017 by Pranav Gupta
    Pranav Gupta
    Courses Plus Student 6,125 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    2 Answers

  • Marc McDougall
    Marc McDougall
    6,052 Points

    What's the difference between @keyframes and bezier curve time interpolation?

    Posted on Aug 8, 2016 by Marc McDougall
    Marc McDougall
    6,052 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Sasha Drmic
    Sasha Drmic
    12,316 Points

    Animation-fill-mode

    Posted on Jul 22, 2016 by Sasha Drmic
    Sasha Drmic
    12,316 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Lucian Dumitru
    PLUS
    Lucian Dumitru
    Courses Plus Student 13,024 Points

    Animations does not work on Edge/Internet explorer. Why?

    Posted on Jun 5, 2016 by Lucian Dumitru
    Lucian Dumitru
    Courses Plus Student 13,024 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    3 Answers

  • Evan MacAlpine
    Evan MacAlpine
    7,173 Points

    Css animation not working in Safari

    Posted on Mar 21, 2016 by Evan MacAlpine
    Evan MacAlpine
    7,173 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    1 Answer

  • Cesare Parmiggiani
    Cesare Parmiggiani
    8,017 Points

    How can i set up the transform-origin even for Firefox

    Posted on Jul 26, 2015 by Cesare Parmiggiani
    Cesare Parmiggiani
    8,017 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Creating an SVG Animation Sequence

    3 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.