Hi everyone, my situation is this:
I have two timelines, one for the loading initial animation and another one for the coreography when the page is loaded. The animation of the loader (a spinner) is made more or less the same as the codepen linked but in this way, as you can see, the rotation doesn't stop properly. (In simple words i want to pause the rotation animation WHEN the page is loaded, but I doesn't want to stop that if it's still moving)
tlTimeline
.to(test, 1, {rotation: "+=90", repeat: -1, repeatDelay: 1, onRepeat: loaded});
function loaded(){
tlTimeline.pause()