[How to morph a path from where previous tween ended?]

I am not going to pretend I understand what the difference between the SVG path coordinates on page load and the same coordinates on function creation is. Aren't those the same values, which .to should animate to?

 

Regardless, the solution works perfectly in my case. Thanks a bunch @mvaneijgen!

[How to morph a path from where previous tween ended?]

I have 4 paths in an SVG. I want the 4th one to morph to any of the previous 3 on button click. Each tween works once - I understand that's because the tweens ended, but shouldn't this always animate "to"?

See the Pen oNddKdp by marekmarek (@marekmarek) on CodePen

[Adding a class to an object at a specific point in a timeline]

Thanks for this. Works flawlessly.

[Adding a class to an object at a specific point in a timeline]

Hi, I'm trying to have an object spin endlessly at the end of a timeline. Right now it's just a 360 rotation - I figured that it'd be best to add a class with a css animation at this point in the timeline, but I can't seem to get it to work. The only reference I found in the docs was className: '+=active', but it doesn't seem to be doing anything. 

 

Thanks in advance!

See the Pen QWpKoPJ by marekmarek (@marekmarek) on CodePen