DeVeb Scrolling Content with Pinned Image (ScrollTrigger / GSAP)

I was curious how the DevEb site set up this section where content scrolls on the left and an image animates on the right. This is just me talking about my findings and my approach to a rough layout. Full tutorial is being worked on.

ENROLL IN MY GSAP COURSE BUNDLE
Over 250 Lessons
Master GSAP // SVG Animation // ScrollTrigger and More

UPDATE: More detailed overview here

Start Learning GSAP for Free

Here is a version with some animation

[snorklTV]

ENROLL IN MY GSAP COURSE BUNDLE
Over 250 Lessons
Master GSAP // SVG Animation // ScrollTrigger and More

[jssecrets]

Thank you Carl! It was me who asked 😊 Very glad that you are listening to your students!

[gad]

thank you! waiting for the full tutorial

[freemancharles]

Please, I need help. Once the rectangle gets to the pin start trigger point. It disappears, how can I fix that?

[Abdlmnn]

Would it be possible to do it now with CSS only using the scroll driven animations?

[sarveshkilje]

Can you please help me I'm getting error continously that your gsap is not defined

[ducminh]

Great tutorial. How to change right photo as demo in first video?

[jkr]

thank you so much this was really helpfull

[humbertg.]

Hi. Is it possible to integrate the contents explained in your courses with Wordpress? Also you need to add a contact link in your landing page. Cheers!

[AtomicPixels]

the 3d just uses spline. Mask is sticky scroll using absolute fort the clip-path.