Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

While good for simple effects, popular JavaScript libraries like jQuery lack the Oomph required to animate complex user interactions in the DOM. JSTween was designed from the ground up for speed and precision, allowing it to handle more simultaneous animations while maintaining a silky smooth frame rate.Animations in JSTween are kicked off by triggering the play() method.

You can use functions to define any tween value in JSTween. This is really powerful enabling you to easily animate complex motions like particle effects, snow etc.. If you are animating more than one element using CSS selectors, the assigned function calls will be executed for each element passed into the tween.JSTween exposes a number of helpers to ease cross browser CSS3 issues. Use these to apply static effects to DOM elements.

jQuery Animations with automatic CSS3 transitions.Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. The plugin will analyse the properties you’re animating on, and select the most appropriate method for the browser in use. This means your transitions on left, top and opacity will convert to a CSS3 transition on Webkit & Mozilla agents that support it, and Opera 10.50+. If the user is on a browser that has no CSS3 transitions, this plugin knows about it and won’t get involved.

Multiple callback mechanisms are created internally to monitor for DOM manipulation and for all ‘transitionend’ CSS3 events to be picked up. This means you have one neat callback() for the whole animation regardless on whether the plugin is using CSS3, DOM, or both for its animations.

Progressively enhanced CSS3 animations without having to do any browser detection or special CSS, therefore using the same Javascript across your applications and websites.