Ben's Sandbox
  • Projects
  • Tags

TweenLite Animation Test


View Blog   View Source  
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

© Ben Olson 2012 with help from Jekyll Bootstrap and Twitter Bootstrap