---
title: "Discussion on \"Animate an SVG path with CSS\" | Hashnode"
description: "Discussion on \"Animate an SVG path with CSS\". A while ago, I found this super cool effect that animated an SVG path as it was drawn on the canvas.\nIt turns out it's pretty easy to create this with CSS, so let's see how it's done.\nAnimating an SVG path with CSS\nThe first part was to create an SVG..."
url: "https://hashnode.com/posts/animate-an-svg-path-with-css/6392c858eee138da3ea9c4fa"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Animate an SVG path with CSS](https://h.daily-dev-tips.com/animate-an-svg-path-with-css?utm_source=hashnode&utm_medium=feed)

A while ago, I found this super cool effect that animated an SVG path as it was drawn on the canvas. It turns out it's pretty easy to create this with CSS, so let's see how it's done. Animating an SVG path with CSS The first part was to create an SVG...

Dec 9, 2022 · 2 min read · h.daily-dev-tips.com  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#css3](https://hashnode.com/tag/css3)
-   [#beginners](https://hashnode.com/tag/beginners)

## Written by

[Chris Bongers](https://hashnode.com/@dailydevtips)

@dailydevtips · Cape Town, SA

  
[View profile](https://hashnode.com/@dailydevtips)

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.