Leaderboard

Stop setting transforms in your CSS for stuff that you plan to animate. That includes dragging.

Ok, all working now. Thanks again for your help, Jack. Another shoutout to Jack and team for such an awesome library!

No worries, happens to everyone. Happy Tweening!!!

ahhh yes ! Thanks OSUblake !!! I didn't know we could do that. I repeat my self, but this forum is awesome !!!

Happy to help!

Ahh yes, thank you Shaun, this was really driving me crazy ! And it was so simple Love this forum, always a fast and spot on answer.

Hi @zozo, the reason for this trouble is a clash between what is being set in CSS and what is being overridden (due to specificity). In the CSS you have .disk{ transform: translate(-50%, -50%) } Which of course is perfectly valid. But what happens when this is run ... tl.fromTo(".disk", 2, {rotation:0}, {rotation:360, ease:Linear.easeNone}); is that the transform matrix is taken over. So, to keep -50% and -50% in the calculations, you can just set those as properties in the fromTo and let the mediaQuery handle it from there, like so Hope this helps!

Welcome to the forum. I'm not quite sure what we should be looking at on that website. You said you had 100 tests and revisions. Perhaps you can put one of them into a demo for us? We don't have the resources to offer advice about entire websites, but we're happy to help if your question or problem is related to GSAP. Happy tweening.