[Trying to to recreate The Weeknd website Scrolling effect]

11 hours ago, akapowl said:

Maybe the example by tailbreezy can give you another idea how to get it working in combination with what Cassie mentioned above about the images that will need to be hidden.

Thank u sm @akapowl for that example, i looked at it and i see there's "translateZ" and i thought i should rewrite my animation with the use of translateZ and it worked exactly what's happening on Weeknd website.

again thank to u both for helping me on this code 😊

[Trying to to recreate The Weeknd website Scrolling effect]

13 hours ago, Cassie said:

LandingPageScrollTrigger.to('#wrapper #img7', { transform: 'scale(1.4)', x: "15%" }, 0) LandingPageScrollTrigger.set('#wrapper #img7', { opacity: 0 }, 1.5)

Thank u sm @Cassie for ur feedback and that ".set" for Opacity worked, i was trying with the opacity in timeline but i didn't try .set and its really worked the way i wanted 😊

[Trying to to recreate The Weeknd website Scrolling effect]

I'm trying to recreate The Weeknd website Scrolling effect, I have written a working gsap code but I just cant crate that IMAGE CLIP EFFECT when u scroll enough that Image will pass by u.

in my code, it's just scrolling and zoom but on Weeknd website, it has the effect of zooming and the image will pass by u, I'm trying to create that effect but right now I don't know how to hide an image when it becomes full zoom.
 

See the Pen vYgdBVr by icodeayush (@icodeayush) on CodePen