I am trying to use GSAP with Waypoints.
It seems it works well but I still wonder if it's the correct way to do it.
So I have an element that have a loop animation that never end.
I just want the animation to stop when off screen, and run again when on screen.
On the codepen demo, it's not obvious but when we open the devtools, we can see the transform property stopping when the element is offscreen, and then playing again when it appears.
So yes, it works as expected, but I just want to be sure I am doing it properly, as my goal is to make 4 or 5 loops animations in the same page but only the visible ones will run (so it won't slow down the page too much).