ricky777 Posted November 12, 2020 Share Posted November 12, 2020 I would like to do this effect https://www.raceface.com/ Any idea? Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 12, 2020 Share Posted November 12, 2020 Hey ricky777 and welcome to the GreenSock forums. That effect can be done in a couple of different ways. The way that it is done on that is by positioning each container with position: absolute, giving the container overflow: hidden, setting the child container to an explicit height (equal to the viewport's height), and then animating the containt's height to 0. You can also create an effect like that by animating clip-paths depending on the browser support that you need. You can also create the effect using ScrollTrigger and a fixed background similar to this demo (listed in the ScrollTrigger demos page) See the Pen BaowPwo by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
ricky777 Posted November 13, 2020 Author Share Posted November 13, 2020 Hey Zach thanks for your answer. But i think i need tu put some class on scrooling, for example on screen and passed to doing the effect right? i mean is it really complicated to do that? Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 13, 2020 Share Posted November 13, 2020 7 hours ago, ricky777 said: i think i need tu put some class on scrooling, for example on screen and passed to doing the effect right? You don't need to, no. You can if you'd like it's not very complicated. Unfortunately we don't have the capacity to build it all out for you. If you have specific questions about GSAP please feel free to ask and we'll do our best to answer. 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