Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Trying my hands on draw SVG

Recommended Posts

My codepen URL is above.


You can consider me absolute dumb but i am transitioning to coding and trying my hands on GSAP, i create banner ads using GWD but i want to use GSAP. Please tell me what wrong am i doing, i just want to animate this line drawing using Draw SVG plugin. Feel free to edit the code.




See the Pen bXwxWr by nitesh-sharma-the-bashful (@nitesh-sharma-the-bashful) on CodePen

Link to comment
Share on other sites

Welcome to the forum. :)


Two things:

  1. You need to target the path rather than the whole SVG.
  2. There is no stroke on the path. DrawSVG only works on strokes rather than fills.

I forked your pen and added a red stroke for illustration purposes.


See the Pen pMxOJQ by PointC (@PointC) on CodePen


Hopefully that helps. Happy tweening.



  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.