<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({repeat:30, repeatDelay:1});
//add 3 tweens that will play in direct succession.
tl.to(".green", 1, {x:200});
tl.to(".orange", 1, {x:200, scale:0.2});
tl.to(".grey", 1, {x:200, scale:2, y:20});
External CSS
This Pen doesn't use any external CSS resources.