Get new jQuery plugins just once a week

×

Animate Enhanced

September 28, 2012

Animate Enhanced | jQuery Animate to CSS3 transitions

Animate Enhanced ia a jQuery plugin that Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically.This jquery plugin is Compatible with IE6+.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. Silent degradation.

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.

Created by Ben Barnett

Download

Example

jquery animate enhanced plugin

jQuery animations in css3 transitions

Animate Enhanced

Related posts:

jParallax
OriDomi
Adapt-js
jquery animate enhanced plugin

http://jquer.in/wp-content/uploads/2012/09/jquery-animate-enhanced-plugin.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever