Edit in JSFiddle

TweenMax.to("h2.title", 1, {opacity:0.3});
TweenMax.to(".box", 3, {x:300});
TweenMax.to(".green", 3, {rotation:360, scale:0.5});

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

body {
  margin:10px;
}

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