Jump to content
GreenSock

Alex J.

Wondering how is this Vertical Scroll with Image Replace Done

Go to solution Solved by Cassie,

Recommended Posts

Hey there you awesome people on the Internet,

 

Wishing everyone a very happy new year. May this year bring loads of good luck, prosperity, happiness and health to everyone! 

 

I recently came across this beautiful website and was wondering how did they implement this Vertical Scroll with Image Replace (in the Selected Works Section):

https://basitkhan.design/

 

I understand that it would have been easier if I would have provided a codepen with some structure, but I am not sure if this is even done using GSAP all alone or using a combination of another library.

 

If someone can bring some light as to what we could possibly do or use to achieve this effect, that'd be great. (Again just a guideline or example, if exists already would help by a lot). 

 

Thank You ) 

Link to comment
Share on other sites

Looks like some WebGL and shader magic. They might be using a WebGL library like PixiJS or three.js, and some custom shaders.

  • Thanks 1
Link to comment
Share on other sites

3 minutes ago, Cassie said:

I think this popped up in another thread a while back too, aside from the shader side of things - there's this pen showing the pinning/image swopping
 

 

This is just awesome. Thank you so much @Cassie and @OSUblake for your help! Really appreciate it! :)

  • Like 1
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.
×