inlinetoc

TweenLite

Tween 클래스의 대표주자 TweenLite

TweenLite

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>

TweenMax

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

( jquery 없이 사용 가능 )

var box = document.getElementById( "box" );
TweenLite.to( box, 1.5, { left:100, width:200 } );

TweenLite.to( $("box"), 1.5, { left:100, width:200 } );