ScrollTrigger + Text effect + Nuxt

[pmiramonteso]

I want the effect where you swipe and it focuses on the text, it starts to paint, and when the last letter is finished, it continues to go down again but waits until that moment. And the reverse effect, but I can't quite get it right. 

THANKSS!!

See the Pen vENPBJJ by Paola-Miramontes (@Paola-Miramontes) on CodePen.

[Sam Tremblay]

Hello @pmiramonteso,

 

Put a look here, I give a solution:

 

You just need to adjust background position to x instead of y, background size 200% 100% instead of 100% 200% and put 90deg to the gradient.

 

Also, you can stop using background-position for split each letter and change color of each letter instead of moving background-position.