Share Posted May 27, 2022 How can i acheive the parallex image effect done on the girl with scrolltrigger and css only See the Pen bGaWjpw by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Share Posted May 27, 2022 Are you saying you don't want to use ScrollSmoother? That does a lot of the hard work for you, like calculating how much of the image can "slide" within the container during scroll. But if you want to use ScrollTrigger only, you'd need to put the image in a container with overflow: hidden and then animate the "y" with a ScrollTrigger so that it moves within the container during scroll. Feel free to give it a try and if you get stuck, post a minimal demo back here. Good luck! Link to comment Share on other sites More sharing options...
Solution Solution Share Posted May 27, 2022 @kaii299u mean like this? See the Pen 76fd403186d915438ae01b7cea93d55b?editors=0010 by ReGGae (@ReGGae) on CodePen 1 Link to comment Share on other sites More sharing options...
Author Share Posted May 31, 2022 Thank you very much 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