Leaderboard

That looks like an awesome tool. Citrix / Redbull use a similar effect here: https://www.thenewmobileworkforce.com/all-season (click next / prev arrows) no idea how they do it, but I suspect 3D canvas wizardry.

Happy to help. I added a mouseenter event for the hover. It also checks to see if the timeline isActive() so you don't interrupt the animation with rapid hovers. If you're not familiar with the isActive() method, here's some more info: https://greensock.com/docs/TimelineMax/isActive() Happy tweening.

Exactly like this! Thanks so much for the help!!

Do you mean it just draws itself off to 0% and then starts again from the same end? Like this? Does that help? Happy tweeing.

I would think a CDN is the way to go for popular libraries like GSAP. I'd say pretty much the same thing Blake said in your other thread: Happy tweening.

Hi @roogud Welcome to the forum. I think you may have to rework your path. I forked your pen and changed the stroke to 1px. Watch the animation and use the scrubber. See how the path animates the shape, but then goes over itself again? It looks like there are two identical paths mashed into one. I'm not 100% sure what you're going for here, but that's probably not going to produce the desired results. Hopefully that helps. Happy tweening.

Thanks for the demo. Sometimes its good just to test things like that. What you are doing is fine, but its probably worth pointing out that those conditions only run when then timeline is being built, not when it is running. In other words, if you restart the timeline, its not like those conditions will be re-evaluated and you'll get a different animation if the those elements got removed for some reason. If you need the timeline to behave differently each time it is run, I would suggest creating a function that you call that would re-create the timeline based on the conditions that exist at that time.

Hi @yulia, Here's an attempt to revise the slider variant for your purposes. The scroll function is only limited feasible: Best regards Mikel