The tween.js is a JS animation library that produces a smooth animation effect. Tween.js allows you to modify the attribute values of an element in a smooth manner. It can be set to generate a variety of similar CSS3 animation effects. The related jquery plugins include: Snabbt.js's powerful jquery animation library plugin and tweene-'s super-powerful jquery animation proxy plugin.
Tween.js allows you to modify the attribute values of an element in a smooth manner. You just have to tell tween what value you want to modify, and what the final value of the animation is at the end of it, how much time the animation spends, and so on, the tween engine can calculate the value from the start animation point to the ending animation point to produce a smooth animation effect.
Online Demo: http://www.htmleaf.com/Demo/201501271285.html
: http://www.htmleaf.com/jQuery/Layout-Interface/201501271284.html
Tween.js Create a JS animation library with smooth animation effects