014
Infinite Stacking Images

Here, we will make a set of images appear and scroll as the user scrolls. So far, nothing groundbreaking, but since we like to have fun at MWG, we'll play with the position, angle, and size of these images to make a more creative effect.

HTML Structure

The structure is quite simple here. We will simply call the set of images we want to use for our effect:

<section class="mwg_effect014">
  <div class="medias">
    <img src="./assets/medias/01.png" alt="">
    <img src="./assets/medias/02.png" alt="">
    <img src="./assets/medias/03.png" alt="">
    <img src="./assets/medias/04.png" alt="">
  </div>
</section>

Join Made With Gsap to
unlock the full tutorial

Get access