Edit in JSFiddle

var yellow = document.getElementById("yellow"),
  green= document.getElementById("green"),
  red = document.getElementById("red"),
  purple = document.getElementById("purple");
TweenLite.to([yellow, green, red, purple], 2, {
  scale: 0.3,
  opacity: 0.4
});

<div class="box" id="yellow"></div>
<div class="box" id="green"></div>
<div class="box" id="red"></div>
<div class="box" id="purple"></div>

.box {
  position: relative;
  float: left;
  margin-right: 12px;
  width: 70px;
  height: 70px;
}

#red {
  background-color: #cc2a36;
}

#yellow {
  background-color: #ffdb00;
}

#green {
  background-color:	#008000;
}

#purple {
  background-color:	#800080;
}