Reboot Studio

Thanks @GreenSock Here is a Codepen with the current approach. We are using onUpdate method to add or remove custom classes to text items based on scroll progress. It's pretty verbose though, I'm wonder if Gsap enables a clean approach to do this. https://codesandbox.io/p/devbox/gsap-on-scroll-rxyfgc?file=/components/paragraph.tsx @Rodrigo this could work but notice there is no animation, opacity just goes from 0 to 1 with no transition.

Hey folks, I'm interested on learning how they guys from Opal built this kind of text reveal effect. Some nuances are: 1. It is not scrubbed, as the animation is not interpolated but it's triggered at certain scroll position 2. They combine multiple effects in the same timeline (opacity for text, scale for videos) I've built something closer with the snippet below, but the animation is scrubbed. Any ideas? CleanShot 2024-01-12 at 17.54.02.mp4