Hi,
I am trying do text reveal animation on scroll like below website but its not working
https://bepatrickdavid.com/
can anyone please help me
Thanks in advance
Hey swatip.
The trick to this is to actually split the text into lines twice so that you have have a container for each line that is able to hide the text:
See the Pen YzXdwaR?editors=0010 by GreenSock (@GreenSock) on CodePen
Notice that I added a couple of classes and CSS to make the effect.
We highly recommend using GSAP 3 formatting