Skip to main content

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

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

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

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • 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
  • 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
    13,606 Points

    Choppy Animation in FireFox

    Posted January 9, 2017 4:12am by Daniel Garcia
    Daniel Garcia
    13,606 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.

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

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

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord