<div class="box orange"></div>
<div class="box grey"></div>
<div class="box green"></div>.box{
width:64px;
height: 64px;
border-radius: 10px;
margin: 10px;
}
.orange{
background: orange;
}
.grey{
background: grey;
}
.green{
background: green;
}var tl = new TimelineMax();
//chain all to() methods together on one line
tl.to(".green", 1, {x:200}).to(".orange", 1, {x:200, scale:0.2}).to(".grey", 1, {x:200, scale:2, y:20});
//we recommend breaking each to() onto its own line for legibility
tl.to(".green", 1, {x:200})
.to(".orange", 1, {x:200, scale:0.2})
.to(".grey", 1, {x:200, scale:2, y:20});
External CSS
This Pen doesn't use any external CSS resources.