Hey @Rodrigo
Your code works like a charm, but there's still something I cant figure out from it.
In the website https://takeboost.com/ if you scroll all they way to the bottom there is a marquee there which has no gaps between the texts. And the texts are on a single line.
The reason I say this is because when I tried to add more text elements to the marqueeTexts array the texts began to overlap each other and also when I tried to remove the gaps by dividing screen width by 5 in the return statement the texts began to go on multiple lines instead of a single line in the example
const marqueeInitialSet = () => {
gsap.set(marqueeElements.current, {
xPercent: -100,
x: function (index) {
return (screenWidth / 2) * index;
},
});
};
Any help would be appreciated to try get that marquee effect on https://takeboost.com/