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

New No-Code Track! 🚀 New videos dropping every week—start learning today!

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

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

  • 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
    • Community Projects
    • Live Sessions
    • 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
  • Community Projects Live Sessions 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
  • Samuel Kleos
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points

    Why aren't the keyframes happening at the same time?

    Posted February 12, 2023 4:38am by Samuel Kleos
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • Samuel Kleos
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points

    Is the pulse keyframe needed if transition and transform do the same?

    Posted February 12, 2023 4:33am by Samuel Kleos
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • Melissa L
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Melissa L
    Front End Web Development Techdegree Student 10,296 Points

    Small circles pulse together

    Posted June 27, 2021 3:07pm by Melissa L
    .a{fill-rule:evenodd;}techdegree
    Melissa L
    Front End Web Development Techdegree Student 10,296 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    0 Answers

  • Nick Huemmer
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Nick Huemmer
    Front End Web Development Techdegree Graduate 26,840 Points

    Does anyone have the code to make the animation behave as it does in the video for versions of current browsers?

    Posted October 19, 2020 6:27pm by Nick Huemmer
    .a{fill-rule:evenodd;}techdegree seal-36
    Nick Huemmer
    Front End Web Development Techdegree Graduate 26,840 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    3 Answers

  • Sam Weeks
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Sam Weeks
    Front End Web Development Techdegree Student 16,699 Points

    Can anyone help? this code wont work

    Posted May 1, 2020 3:00pm by Sam Weeks
    .a{fill-rule:evenodd;}techdegree
    Sam Weeks
    Front End Web Development Techdegree Student 16,699 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • MIHA W.LEE
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    MIHA W.LEE
    PHP Development Techdegree Graduate 25,452 Points

    Keyframes and animation

    Posted October 8, 2019 3:37am by MIHA W.LEE
    .a{fill-rule:evenodd;}techdegree seal-36
    MIHA W.LEE
    PHP Development Techdegree Graduate 25,452 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • paul oram
    paul oram
    3,429 Points

    Pulse animation of 5 circles

    Posted April 26, 2018 8:12am by paul oram
    paul oram
    3,429 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    4 Answers

  • Kaushik Sanyal
    Kaushik Sanyal
    6,378 Points

    Can someone take a look at my code, I am having issues where my Star and 5 points are not rotating from the center

    Posted March 15, 2018 1:28am by Kaushik Sanyal
    Kaushik Sanyal
    6,378 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    2 Answers

  • goshgarhuseynov
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    goshgarhuseynov
    Front End Web Development Techdegree Student 10,873 Points

    What does @keyframes 0%, 30%,... mean?

    Posted February 23, 2018 3:40am by goshgarhuseynov
    .a{fill-rule:evenodd;}techdegree
    goshgarhuseynov
    Front End Web Development Techdegree Student 10,873 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    2 Answers

  • Andrew Lim
    Andrew Lim
    8,004 Points

    When did he change the transform-origin back to 50% 50%?

    Posted October 23, 2017 9:27am by Andrew Lim
    Andrew Lim
    8,004 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • Michael Braga
    seal-mask
    PLUS
    .a{fill-rule:evenodd;}techdegree seal-36
    Michael Braga
    Full Stack JavaScript Techdegree Graduate 24,174 Points

    The opacity property

    Posted July 26, 2017 3:33am by Michael Braga
    .a{fill-rule:evenodd;}techdegree seal-36
    Michael Braga
    Full Stack JavaScript Techdegree Graduate 24,174 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

  • Emmanuel Rojas
    Emmanuel Rojas
    6,994 Points

    Help My animation is not working

    Posted March 18, 2017 2:22am by Emmanuel Rojas
    Emmanuel Rojas
    6,994 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    1 Answer

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

    My small circles won't pulse correctly (Hacking the Firefox Glitch)

    Posted June 18, 2016 4:04am by webdesignertroy
    .a{fill-rule:evenodd;}techdegree seal-36
    webdesignertroy
    Front End Web Development Techdegree Graduate 14,718 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    7 Answers

  • Abhishek Bhardwaj
    Abhishek Bhardwaj
    3,316 Points

    change text position in svg

    Posted March 3, 2016 2:04pm by Abhishek Bhardwaj
    Abhishek Bhardwaj
    3,316 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    0 Answers

  • Jacob Brech
    Jacob Brech
    7,224 Points

    Question about the delay property used in animation

    Posted March 1, 2016 10:20am by Jacob Brech
    Jacob Brech
    7,224 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    2 Answers

  • Keith Corona
    Keith Corona
    9,553 Points

    Finishing the animation sequence - what if we wanted the star points to delay in a specific order?

    Posted January 26, 2016 7:41am by Keith Corona
    Keith Corona
    9,553 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    2 Answers

  • Esmobrander Ozpedelamo
    Esmobrander Ozpedelamo
    9,136 Points

    Safari CSS3 SVG animations not working...

    Posted July 10, 2015 6:17pm by Esmobrander Ozpedelamo
    Esmobrander Ozpedelamo
    9,136 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Finishing the Animation Sequence

    6 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.