Leaderboard

It looks like your math calculations were off - you were calculating the offset from the current position but you were tweening to absolute numbers rather than relative ones. Is this what you meant to do?: https://codepen.io/GreenSock/pen/XWQQWJK But the problem with that is it's not really responsive. You're animating to specific x/y values but the original top/left absolute positioning is different, so resizing your window will result in different offsets. I think it'd be much cleaner to use a Flip animation instead: https://codepen.io/GreenSock/pen/rNbbNVe?editors=0010 Does that help?

Hi @explorerzip, In Blake's demo all you have to do is add a repeatDelay value: https://gsap.com/docs/v3/GSAP/Timeline/repeatDelay() Something like this: var tl = gsap.timeline({ paused: true, repeat: -1, repeatDelay: 2, // Two seconds between animations onRepeat: updateImages, onUpdate: updatePath }) .to(arc, { duration: 3, end: 360, ease: "none" }) Hopefully this helps. Happy Tweening!

Hi @yannick love and welcome to the GreenSock forums! You can try the bonus plugins on your local environment or in Codesandbox and Stackblitz by installing the GSAP Trial package: https://www.npmjs.com/package/gsap-trial Just run: npm install --save gsap-trial If you purchase a Club GreenSock membership, then you can generate a private NPM token in order to safely install and deploy the bonus plugins as mentioned in the docs: https://greensock.com/docs/v3/Installation#npm-club Let us know if you have more questions. Happy Tweeniing!