Volt 22 Posted June 13 Share Posted June 13 Hello I am trying to replicate the section transition as we have on this site - https://nordquantique.ca/fr, where the boxes fade in and out on scroll. I discovered that they used a canvas and possibly 3D, but I want to achieve this with 2D and GSAP. See the Pen XWwzYNP by Iam_Jesse (@Iam_Jesse) on CodePen Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted June 14 Solution Share Posted June 14 Hi, Advanced Staggers is what you need: https://gsap.com/resources/getting-started/Staggers Here is a fork of your demo using a from instance and a random sequence for the grid: See the Pen zYQPLOg by GreenSock (@GreenSock) on CodePen Hopefully this helps. Happy Tweening! 1 Link to comment Share on other sites More sharing options...
Volt 22 Posted June 17 Author Share Posted June 17 Thank you Rodrigo 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