VinayakPadwalkar

I was looking for an option that had a gradient animation on the lines, now Consider an example tree that has around 1000 lines, To get the flow-moving animation on the line we need to have 1000 more SVG path elements created just to get the flow animation which would be a poor designing approach only coz it will have 2000 elements which can be done via only one single animate tag. The best suited here would be to create a common gradient object and animate it on the path. Is there any capability present to animate the gradient?

I am new to GSAP and would like to make a pulse flow animation on the SVG path as specified in the codepen, I created this animation using CSS but I would like to use GSAP to create this same animation so that I could have another animation once the first one is completed. the second animation is highlighting the line for 2 sec once the pulse animation is completed to the end node. i.e. once the pulse animation is complete I would like to highlight the line for 2 seconds in blue color and then fade the blue line once again get the black line and restart the pulse animation for infinite time. Can you please help me out to get this animation done .. thanks...