How do you animate SVG like this?

I just made my first SVG code. I'm wondering if we can animate it this way: umm... like... draw like a pencil. Example, if I had a line from top to bottom drawn, animate it so it starts from top and draw that line down. In this case I drew a 4. It starts from right -> left -> top -> bottom. How do I animate it drawing like that https://code.sololearn.com/WHgm8RlVGdr2/?ref=app

11/9/2019 3:48:52 PM


2 Answers

New Answer


This article explains how you can animate drawing the line, it relies on a trick involving dashed lines. Pretty cool one! https://css-tricks.com/svg-line-animation-works/


Tibor Santa Thanks. that helped.