Jump to content
GreenSock

kaii299

How can i acheive the parallex image effect done on the girl with scrolltrigger and css only

Go to solution Solved by jesper.landberg,

Recommended Posts

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

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

Thank you very much

 

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×