Live
x
<body> <div class="box blue"></div><div class="box orange"></div><div class="box purple"></div><div class="box blue"></div><div class="box orange"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script> </body>
Live
xxxxxxxxxx24
body{ display:flex; justify-content:space-around; width:100vw; flex-wrap:wrap;}.box { margin: 0px 1.5% 1.5% 0px; border-radius: .5rem; height:40px; width:40px; background-color:blue;}.blue{ background-color:blue;}.orange{ background-color:orange;}.purple{ background-color:purple;}
Live
xxxxxxxxxx8
gsap.from(".box", { duration: 2, scale: 0.5, opacity: 0, delay: 0.5, stagger: 0.2, ease: "elastic", });
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.