TweenLite Animation Test
This is a quick demo the TweenLite animation engine. This demo uses the CSSPlugin and EasePack to
illustrate the different easing functions and CSS3 transform capabilities. Addtionally, the demo
hooks into the onAnimate callback to print the time index in each box, the onComplete callback to
reverse the animation back to the starting point, and the onReverseComplete to reset the content of
the box labels. The main purpose was to see the similarities and difference to jQuery.animate() and
how to use jQuery selectors with TweenLite. TweenLite offers significant performance increases in animating
over a large set of elements (see the speed test) so
I was curious how easy it would be to use in some of my projects. I've posted a review of the library
on my blog.
Box 1
Box 2
Box 3