[Ask] Text Reveal Roll Effect

[platR]

 

On GSAP CodePen and video examples.

 

How can I use the same effects as in the video? The effects are exactly the same as my video. Maybe someone can help me?

See the Pen bGEqbaQ by GreenSock (@GreenSock) on CodePen.

[mvaneijgen]

Hi @platR welcome to the forum!

 

 

What have you tried already? We love to see what you can come up with, that way we can see your thought process and thus better help you understand the tools!

 

If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/

 

To me it seems like the letters are slightly rotating, so adding a rotation to the tween is all you need?

 

My advise, remove ScrollTrigger. The best thing to do when working with ScrollTrigger is to remove it! This seems counter intuitive, but ScrollTrigger is just animating something on scroll, so just focus on the animation at first and only when you're happy with the animation add ScrollTrigger back in. This way you can focus on one part at a time and it will save a lot of headache when debugging.  

 

Hope it helps and happy tweening! 
 

See the Pen NPKNpZw?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen.

 

 

[platR]

Thanks, I've wrapped it up after doing a bit of research. It was a good learning experience since I'm new to GSAP

See the Pen EaYKvBJ by Plat-R (@Plat-R) on CodePen.

 

[Cassie]

Love to hear it!