Hi everyone,
I'm trying to create a simple text marquee animation using GSAP that loops infinitely from right to left. I've got the code set up, and I can see the transform property changing in the browser's developer tools, but nothing is happening visually.
<div class="container">
<span class="scrolling-text">This is my scrolling text.</span>
</div>
gsap.to(".scrolling-text", {
xPercent: -100,
duration: 5,
ease: "linear",
repeat: -1,
modifiers: {
xPercent: gsap.utils.wrap(-100, 0)
}
});
Add a reply
Sign up and join the conversation on Discord