🤑 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
  • Sadaf Partovi
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Sadaf Partovi
    Front End Web Development Techdegree Graduate 14,594 Points

    nothing works

    Posted December 30, 2020 11:06pm by Sadaf Partovi
    .a{fill-rule:evenodd;}techdegree seal-36
    Sadaf Partovi
    Front End Web Development Techdegree Graduate 14,594 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

  • gene c
    gene c
    13,630 Points

    Shouldn't the last step of animating line drawings be animating stroke-dashOFFSET to 0 instead of stroke-dasharray?

    Posted January 8, 2018 6:44am by gene c
    gene c
    13,630 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    3 Answers

  • armand Rodriguez
    armand Rodriguez
    7,830 Points

    Animations question...

    Posted June 15, 2017 7:32pm by armand Rodriguez
    armand Rodriguez
    7,830 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

  • Ross Wilkinson
    Ross Wilkinson
    5,430 Points

    Animation direction incorrect and fill not staying

    Posted March 28, 2017 3:35pm by Ross Wilkinson
    Ross Wilkinson
    5,430 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

  • Daniel Garcia
    Daniel Garcia
    12,877 Points

    Choppy Animation in FireFox

    Posted January 9, 2017 4:12am by Daniel Garcia
    Daniel Garcia
    12,877 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    0 Answers

  • Megan Weber
    Megan Weber
    32,795 Points

    Trying to Use Javascript to Initialize Array & Offset. Why is it Not Working?

    Posted June 7, 2016 2:44am by Megan Weber
    Megan Weber
    32,795 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

  • Edgar Gil
    Edgar Gil
    13,322 Points

    Something II Notice stroke-dasharray finding the perfect length.

    Posted March 17, 2016 1:35am by Edgar Gil
    Edgar Gil
    13,322 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    0 Answers

  • Stetson Nash
    Stetson Nash
    17,603 Points

    Fill not working Safari

    Posted March 13, 2016 12:36am by Stetson Nash
    Stetson Nash
    17,603 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    0 Answers

  • Alex Oates
    Alex Oates
    7,171 Points

    Line animation fill won't work with safari?

    Posted March 4, 2016 10:53pm by Alex Oates
    Alex Oates
    7,171 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    0 Answers

  • Pier-Luc Cossette
    Pier-Luc Cossette
    4,588 Points

    The line animate in the wrong direction

    Posted January 16, 2016 8:39pm by Pier-Luc Cossette
    Pier-Luc Cossette
    4,588 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

  • Amanda Williamson
    Amanda Williamson
    1,295 Points

    None of the css properties work for the path element?

    Posted August 4, 2015 5:59pm by Amanda Williamson
    Amanda Williamson
    1,295 Points
    • CSS
    • Animating SVG with CSS
    • Keyframe and Line Drawing Animations
    • Animating stroke-dasharray and stroke-dashoffset

    1 Answer

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.