TweenMax

To

from

var tl = new TimelineLite;

tl.to(".frm_1", 2, {
  x:100,
  y:75,
  backgroundColor:"#000",
  ease: Power4.easeIn
})
.from(".frm_1", 1 , {
  scaleX: 1.5,
  scaleY: 1.5,
  backgroundColor: "#454545",
  ease: Back.easeOut.config(1.7)
})

staggerFrom

TweenMax.staggerFrom(".frm_1", 1, {
  ease:Back.easeOut,
  opacity: 0,
  y: 200,
  delay: 0.5,
  onComplete:completeHandler, 
  onCompleteParams:["{self}"],
  onCompleteAll : completeHandler,
  onCompleteAllParams : []
}, 0.2);

fromto

TweenLite.fromTo($(".frm_1"), 3, {
  	// 시작값
  scaleX:0.5,
  scaleY:0.5,
  backgroundColor:"#000"
}, {
	// 종료값
  scaleX:2,
  scaleY:2,
  backgroundColor:"#00ff00"
});

pause(), resume(), reverse(), restart()

var myTween = TweenMax.to($(".frm_1"), 1.5, {width:100, paused:true});
//시작
document.querySelector(".resume").onclick = function() { return myTween.resume(); }
//멈춤
document.querySelector(".pause").onclick = function() { return myTween.pause(); }
//반대로
document.querySelector(".reverse").onclick = function() { return myTween.reverse(); }
//다시시작
document.querySelector(".restart").onclick = function() { return myTween.restart(); }