GreenSock Image Effect: Mask Up Scale Down

This slick effect was inspired by a Chevy Tahoe ad. Join me as I explore the original and recreate it with JavaScript and GreenSock. By doing a simple scale down of an image while its being revealed with a mask we get a super result with very little code. This Free GreenSock (GSAP) tutorial includes a full codepen demo and all you need to get started.
Want to Master the GreenSock Animation Platform?
Join my Creative Coding Club for the world's most comprehensive GSAP training
www.creativecodingclub.com/bu...
Complete Demo
codepen.io/snorkltv/pen/abyMVEe

[@Lizzardking]

You just earned yourself a new suscriber, my man.

Yes, we want more ;) 👏

[@artchie2494]

very nice, what i need to learn

[@snorklTV]

Glad you liked it. Thx!

[@WebDiary]

Ur video's made me become a decent web animator... Thanks for all ur efforts... Happy Xmas 🥰🎉❤️

[@snorklTV]

Wow! Thanks so much. So good to hear!

[@AntEksiler]

You can probably just animate the clip-path with CSS :)

[@snorklTV]

Yup I’ve done that too and made it into a reusable effect. It’s the next lesson in my course. Probably release it here too.

[@code.design]

allright