<link href='https://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
<div id="demo"><h2>GSAP 3 Stagger Demo</h2>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
  <div class="box green"></div>
</div><a href="https://greensock.com" target="_blank"><img class="gsap-3-logo" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-3-logo.svg" width="150" /></a>
#demo {
  max-width: 600px;
  margin: 0 auto;
}
.box {
  margin: 0px 1.5% 1.5% 0px;
  border-radius: 0;
}
.gsap-3-logo {
    width: 20vw;
    max-width: 150px;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
h1, h2 {
  font-weight: 400;
}
gsap.to(".box", 1, {
    scale: 0.1, 
    y: 60,
    yoyo: true, 
    repeat: -1, 
    ease: "power1.inOut",
    delay: 1,
    stagger: {
      amount: 1.5, 
      grid: "auto",
      from: "center"
    }
  });

External CSS

  1. https://codepen.io/GreenSock/pen/e8c625a6e60a28d4e27c4b29c77fbc4c.css

External JavaScript

  1. https://unpkg.co/gsap@3/dist/gsap.min.js