How do you animate SVG like this? | SoloLearn: Learn to code for FREE!


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

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!


Tibor Santa Thanks. that helped.