⚡ CYBER NOVEMBER SALE ⚡ 50% off any plan for 6 months, exclusive to new subscribers.

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
      • • 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
      • • Vibe Coding
  • Rees Mortensen
    Rees Mortensen
    13,571 Points

    This is not working and I cant figure out why.

    Posted November 20, 2020 10:56pm by Rees Mortensen
    Rees Mortensen
    13,571 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 October 7, 2020 7:32pm 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 July 15, 2020 6:12pm 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 July 13, 2020 9:02am 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 April 23, 2020 4:26pm 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 June 21, 2019 4:35pm 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 March 25, 2019 12:29pm 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 August 22, 2018 11:33am 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 November 11, 2017 11:45am 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 April 9, 2017 1:37am 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 March 11, 2017 1:12am 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 March 4, 2017 10:41pm 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 August 8, 2016 10:51pm 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 July 22, 2016 9:25am 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 June 5, 2016 6:56pm 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 March 21, 2016 4:45pm 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 July 26, 2015 10:40pm 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.