Runtime Posted April 17, 2022 Share Posted April 17, 2022 I am just trying to understand the concept of how to achieve apple the scroll animation. My problem is that I don't understand how the transition from one scene to the new scene works. Apple Animation As soon as the first scene is completely done with the animation, the next scene jumps in without having the scroll effect of the second scene. How do I achieve this transition in GSAP? Thanks a lot Link to comment Share on other sites More sharing options...
mvaneijgen Posted April 17, 2022 Share Posted April 17, 2022 https://greensock.com/search/?q=Airpods&quick=1 Several people are captivated with the Airpods animation as seen in the several posts on this forum. There is a lot that have being said already and there is a lot of knowlage the gain from those post! If you're having trouble with a specific feature of GSAP a minimal demo really helps us help you! 2 Link to comment Share on other sites More sharing options...
Cassie Posted April 17, 2022 Share Posted April 17, 2022 Hey there! @Trapti recently recreated the page, which I'm sure you can learn a lot from!https://codesandbox.io/s/apples-airpod-page-animation-forked-fqfyr2 2 Link to comment Share on other sites More sharing options...
GreenSock Posted October 27, 2023 Share Posted October 27, 2023 Circling back to share a little helper function that might make this easier for folks to implement: See the Pen VwgevYW?editors=0010 by GreenSock (@GreenSock) on CodePen 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