How to move arrow in curve path

[anand2019 0 Likes (Newbie)]

Using BezierPlugin, it arrow tail doesn't bend. I need arrow to grow and bend on it curve path.

Share if anyone has any example of it.

[GreenSock 8,117 Likes (Superhero)]

Hm, do you have a demo we could look at? It's tough to guess at what you mean here. Perhaps it's a good fit for a combination of DrawSVGPlugin for the line, and BezierPlugin for the arrow with autoRotate:true (?)

[explorerzip 80 Likes (Contributor)]

You can also animate an SVG line using CSS animations. It's more tedious and I much prefer using GSAP, but it can be done:

https://css-tricks.com/svg-line-animation-works/

[mikel 1,823 Likes (Superhero)]

Hi @anand2019,

 

Here are some suggestions: autoRotate.

 

Or maybe this scenario corresponds to your ideas:

 

See the Pen dwoGXR by mikeK (@mikeK) on CodePen

 

However, as Jack already mentioned, an example with your scenario - even if it is stuck - will help to help you.

 

Best regards

Mikel