[Hover states with MorphSVG/timeline]

Yes, exactly what i was looking for. Thank you 🙌

[Hover states with MorphSVG/timeline]

Haha, ah, thanks a lot! Do you have any ideas on:

- During the timeline I don't want it to morph with the initial circle (shape1)

- On mouseleave I would like it to return to initial circle(shape1) smoothly. 

 

 

[Hover states with MorphSVG/timeline]

Hi! 

 

- I would like to start a timeline on mouseenter, that will run infinite until mouseleave. 

- During the timeline I don't want it to morph with the initial circle (shape1)

- On mouseleave I would like it to return to initial circle(shape1) smoothly. 

 

1. Right now my mouseleave function returns Uncaught TypeError: tl.paus is not a function 

2. The progress[0] makes it hacky. 

 

Can someone point me in the right direction in how to structure it?  

 

See the Pen NWyrXKw by emmanders (@emmanders) on CodePen

[Mouseenter: would like to finish timeline before it fires again | isActive() is always returning false]

@akapowl, wow, thank you so much for this quick educational solution 🙌  I get it now! 

[Mouseenter: would like to finish timeline before it fires again | isActive() is always returning false]

Hey! I would like the timeline to be completed before it fires again. Now when you hover really quickly it doesn't look good at all. I'm missing something in the structure that I struggle to find out. My first thought was to find the isActive() and then do some if statements. But isActive() is returning false all the time. 

 

- How can I finish the timeline before it fires again?

- Do someone know why isActive() always returning false? 

 

This is probably a rookie mistake, and, this is my first post in a forum (ever!), so let me know if I could explain/structure my post better! 

See the Pen porooOQ by emmanders (@emmanders) on CodePen