decemberly

Ok, I was hoping there was a way to do it without separate tweens. Thank you!

Thank you for answering. But no, sorry for being vague. The section already in viewport on page load has a different starting point, it is purple instead of red. I would like a visible animation from red to that starting point as soon as it has loaded, before the user starts scrolling. So that it starts out red, then takes a second to animate to the right purple, and when the user starts scrolling the background turns to blue as usual.

I have a number of sections with a ScrollTrigger and fromTo animation that changes the background-color from red to blue during scroll (scrub). The first section is located at the top of the viewport and starts with a purple color instead of red like the others below, as expected. Is it possible to let the user see the animation from red to purple (before scrolling) on the sections that starts fully or partially visible?

Okay, perhaps it's a hardware issue then. Thanks for testing!

Thank you. Good suggestion! The ease is already set to "none" in the horizontalLoop helper (line 34), so it doesn't solve the issue.

I want to animate an infinite text loop, that runs horizontally through a svg mask. I've tried the GSAP helper "horizontalLoop" (modified it a little to work with svg text), and it works pretty well, except that it's not as smooth as I would want it to be. The text stops and then moves faster to catch up sometimes (not much but noticeable). All examples that I can find using the same helper seems to also have the same issue, so I think it's not related to the svg. Any ideas on how to make it smoother?