Vertical Image Slider Using ScrollTrigger

Article

Vertical Image Slider Using ScrollTrigger

Hi guys,

I haven't posted in a long time, but I've been working on my new portfolio for the past couple of months, and I'm really happy that I finally finished it. Now, I can start taking Three.js online courses again and create some cool animations. :)
My new portfolio was completed last month after putting in quite a bit of effort and time, but I'm thrilled that it's now online! There were some challenges, especially while implementing the Three.js part and trying to add cool interactive effects using GSAP.
I'm planning to write a post about the journey of creating this portfolio and the experiences I had along the way.
In this post, I'd like to share an interactive scroll effect using GSAP and ScrollTrigger, and first, I want to thank you for providing this cool library website!
These techniques can make a website more engaging and visually appealing. One such effect is when the user has to scroll down to see more images, creating an interactive experience. Providing this kind of scroll effect for users is key to making them feel in control and connected to the website. :)

This is my codepen.



I enjoyed building this effect. :) Hope you enjoyed scrolling!

Matane!

Categories