Edit in JSFiddle

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

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

body {
  margin:10px;
}

.box {
  display:block;
  width:84px;
  height:84px;
  border-radius: 10px;
}
.orange{
  background: orange;
}
.grey{
  background: gray;
}
.green{
  background :green;
}