Combining gsap transformation with another scrolltrigger effect
Hi,
I am trying to implement the first horizontal section effect of the following website: https://rino-pelle.com/
Images are moving from right to left when you are not doing anything BUT moving faster when scrolling down.
I know how to accomplish the first part using as example the following code:
gsap.to(movableImageWrapper,
{ xPercent: -100, duration: 40, repeat: 100,
ease: 'none'}, '<'
)
You've got several logical issues. As I said, my code was very much pseudo-code. Fixing the logic issues you should get something like this:
See the Pen NWRRKQg?editors=1000 by GreenSock (@GreenSock) on CodePen
With that being said, I don't really understand what you're trying to do with the "hidden images". It'd probably make more sense to absolutely position the images because the calculations are harder if you don't. There are a lot of examples
