Jump to content
Search Community

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

kaii299 test
Moderator Tag

Go to solution Solved by jesper.landberg,

Recommended Posts

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

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.
×
×
  • Create New...