var box = $(".box"); $("button").on('click', function(){ // 선택자를 변수에 담아 사용할 수 있습니다. // .fromTo() 는 시작값과 종료값을 지정할 수 있습니다. TweenLite.fromTo(box, 3, { // 시작값 scaleX:0.5, scaleY:0.5, backgroundColor:"#000" }, { // 종료값 scaleX:1, scaleY:1, backgroundColor:"#00ff00" }); });
<button type="button">Click!</button> <br><br> <div class="box"></div>
.box{width:50px;height:50px;background-color:#000;scaleX:0.5;scaleY:0.5} /* 트윈맥스의 .from() 메소드를 사용한다면 최종적으로 보여지게 되는 박스의 형태를 css로 미리 지정해 주면 됩니다. */