Does anyone know how to fade a text in and out again using the ScrollTrigger Plugin? Like the Apple Airpods Pro Product Page: https://www.apple.com/airpods-pro/
On Scroll the Text slides up and simultaneously fades in. If we scroll further the text fades out und the next text fades in.
I've found a similar pen but the section only fades out.
Thank you for your help!
See the Pen GQgWrY by Sahil89 (@Sahil89) on CodePen
Hey Nattha. Sure, that's easy. Just make the background pinned or fixed and then have a tween/timeline with ScrollTrigger that animates the text's position and opacity. Something like this:
See the Pen eYJdJKN?editors=0010 by GreenSock (@GreenSock) on CodePen