This is my first time trying to use the Bezier plugin and I'm very confused as to what I'm doing wrong here?
In the codepen example I've attached, I've added borders to show where to hover to fire the animations.
I'm trying to loop through a bunch of SVGs and tell the polygon inside of each of each SVG to animate down the path inside the same SVG.
If you hover over the box on the far left, this is acting exactly as expected - the arrow animates down the path and does a little bounce at the end.
However, none of the other ones inside the loop work as I'd like. The positioning of their arrows get progressively worse and I'm not sure why?
I've logged the path data that I'm passing to the timeline and it looks correct, so I'm really confused as to where I've gone wrong in my code.
Any help is greatly appreciated