SOURCE

CSSPlugin.defaultTransformPerspective = 400; 

//gsap.to(".green", {duration: 1, rotationX: 180});
//gsap.to(".orange", {duration: 3, rotationY: 180});
//gsap.to(".grey", {duration: 3, x: 100, y: 100, scale: 2, skewX: 45, rotation: 180});

var tl = new TimelineMax(),
box= document.querySelectorAll(".box")

tl.staggerFrom(box,1,{y:200})

<h2 class="title">gsap.to() Basic Usage</h2>
<div class="box orange">1111</div>
<div class="box grey">2222</div>
<div class="box green"></div>
<div class="box green"></div>

body {
  margin: 10px;
}
.box {
  width: 50px;
    height: 50px;
    position: relative;
    border-radius: 6px;
    margin-top: 4px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.orange{
background: orange
}
.grey{
background: grey
}
.green{
background: green
}