Create a Sick Horizontal Scroll Animation | GreenSock / JS 

What other types of interactive examples would you like to see?

This is going to impress my grandma for sure

Awesome idea, thanks for the inspiration. To avoid seeing a misalignment in the progress bar, even though the middle element is centered, or it even not reaching 100% at all, here is my solution. Remove the progress bar animation completely and work with the onUpdate callback function in the scrollTrigger of scrollTween to couple the width with the animation progress: ---- ..., scrollTrigger: { ..., onUpdate: (self) => { mask.style.width = Math.min(self.progress * 100, 100) + "%"; } } ---- Hope it helps

Always love to see your work. Going to sign up for the advance course.

DO you have covid?

first view and like

how about to do vertical & horizontal fullpage scroll like in fullpage js horizontaly scroll but with GSAP?

Hi! I want to know that what if we want 6 sections hot manage that xPercent: -100 * (sections.length - 1), What values to change???

what I always love about this kind of tutorials is that the video's lenght is about 15 minutes and it takes me like few days to apply it to my project hahaha thanks for the work!

Great content as always but no offence but .. ayy .... ayy ... aaayyyy ...

How works one integrate this into WordPress?

How to make this element with mask using Figma?

How much is the new advanced front end course gonna be

First view

how to remove this subtitles scroller-start, end

Bro i was trying to do it last week, wallah i luv you!!

So cool 😎 already bought your css course 😍 what i still don't know: how to add this to a wordpress site 🙃

I learned a lot from your video. Thanks for your hard work and good explanation. Youre always the first address when i have to solve some problems.

Thanks alot, been searching everywhere for this effect.

Give the ful code please !

Justo estaba ocupando hacer esto hoy, 5 estrellas por el servicio 😎

Thank you

🎉🎉🎉 great thanks

Slick asf

awesome stuff.