SVG line drawing animation | SVG Stroke Animation With Html and CSS 

To know what length of your svg line you could add this script and check the console. But you should add id for this svg and paste it in script below var path = document.getElementById('add-here-id-of-your-svg'); var length = path.getTotalLength(); console.log(length)

This is so awesome! I'm going to use it for a cartoon image of myself for my portfolio page.

Крутой эффект движения теней на начальной заставке!

you are genius MORE VIDEOS I LIKE IT

Thanks a lot! It works great :)

My head, it's possible 🤓 to create this without JavaScript? lol, Good Job, More Videos From Design 😀

Super rad!!

Thankyou Irshad very good tut

Wow...so amazing

Salute bro..nice

This is awesome

Amazing.

Awesome!

😱😱😱👍

great

What about the white space at the end of animation?

Suggest the link for learning svg. From where you learn svg. Suggest that also

Thank you :)

Nice

👏👏👏👏

smooth transition effect @keyframes animate{ to{ stroke-dashoffset: -3200; } }

👍😉👍

How i use in (to draw structure and find its svg )

Not Working ... same steps

What software do you use for recording and editing

greet

what that's it?!!

great vid, horrible song. :)