Share Posted November 6, 2019 Hi Everyone, I have been struggling for 2 mouths on this animation and I gave up and i'm asking for help to reproduce this parallax animation. If you take a look at https://www.rezo-zero.com/ home page you can see 3 images that are moving when user is scrolling. I realized that "mask" container gets bigger when is scrolled down and at some point it gets smaller, also I observed that images inside of their containers are moving up and down. I tried to solve it by using GSAP with ScrollMagic but unfortunately I have not reached my goal. I would be appriated for any help to reproduce this effect. Thanks. Link to comment Share on other sites More sharing options...
Share Posted November 6, 2019 Hey @Ilkin Namazov, Welcome to the GreenSock Forum. Here is a tutorial from @PointC. Try demo 8 ... Happy tweening Mikel 4 Link to comment Share on other sites More sharing options...
Author Share Posted November 6, 2019 Hi @mikel, Thank you for your help ! I have read this article before, probably I did not investigate it properly, so I will play with this demo again. I would be great if you show similar example with https://www.rezo-zero.com/ since I'm new in animating. Thanks, IN Link to comment Share on other sites More sharing options...
Share Posted November 6, 2019 Hey Ilkin. There are many threads on doing parallax effects with GSAP in these forums. Here are some that may help: It would be good for you to include a demo of what you have so far if you're wanting help. 1 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