Tolu.A Posted February 22, 2022 Share Posted February 22, 2022 Hello everyone, I'm struggling to implement the animation in the below link. https://www.wealthsimple.com/en-ca/product/cash While I have been able to create the overlay and underlay, my code so far doesn't move the text on scroll between these sections. I'd appreciate any pointers on how to make this work using GSAP. Thank you! See the Pen RwjJYEa by ToluAdegboyega (@ToluAdegboyega) on CodePen Link to comment Share on other sites More sharing options...
OSUblake Posted February 22, 2022 Share Posted February 22, 2022 Hi there, welcome to the GSAP forums! As we state in the forum guidelines we don't have capacity to investigate, recreate or explain how to create custom effects found on other websites. I would suggest starting out by removing ScrollTrigger and just focus on making a timeline animation that does what you want. Once you're satisfied with the animation, and all you need to do is add ScrollTrigger with scrub to your timeline. Link to comment Share on other sites More sharing options...
Tolu.A Posted February 22, 2022 Author Share Posted February 22, 2022 9 minutes ago, OSUblake said: Hi there, welcome to the GSAP forums! As we state in the forum guidelines we don't have capacity to investigate, recreate or explain how to create custom effects found on other websites. I would suggest starting out by removing ScrollTrigger and just focus on making a timeline animation that does what you want. Once you're satisfied with the animation, and all you need to do is add ScrollTrigger with scrub to your timeline. I'll try that out. Thank you. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now