Vertical Image reveal many images

[whereisNate]

I am trying to get this same effect working on my site to reveal more than just two images. In my final example I will five images and I need to scroll in from the top. However, once I add more than one image the whole thing just stops working.

See the Pen YzBpXom by natewscott-the-animator (@natewscott-the-animator) on CodePen

[mvaneijgen]

Hi @whereisNate welcome to the forum!

 

We love to see what you can come up with instead of posting a pen by someone else, that way we can see your thought process and thus better help you. 

 

I would build this having all the images stacked on top of each other and then animating a CSS clip-path to have them disappear. If you need help getting started, check out this awesome getting started guide https://gsap.com/resources/get-started/

 

I found this example on Codepen, maybe it helps you in the right direction. My advise is always try to make it your self, you can peak at someone else their code, but you learn the most when you get your hands dirty . Hope it helps and happy tweening! 

 

See the Pen abQBZQm?editors=0100 by evolab (@evolab) on CodePen