Después de una rápida búsqueda en Google me encontré con un plugin de jQuery que cambia de función estándar $ .animate de jQuery() para que se utilice transiciones CSS3 siempre que sea posible:
$.animate-enhanced
edición:
Después de probar el plugin anterior en un sitio mío, el sitio se rompió. No estoy seguro de si va a tener el mismo problema o no, pero aquí está mi solución:
Usted necesitará Modernizr.js
Básicamente, se comprueba (con Modernizr) si el navegador es compatible con una determinada característica , y luego decida si desea animar con CSS3 o Javascript.
Por ejemplo:
(Digamos que usted es un objeto de animación para mover hacia la derecha por 200 píxeles)
if(Modernizr.csstransitions) {
// use your appropriate browser prefixes
yourDomObject.style.transition = 'left 2s';
yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px'
} else {
var left = parseInt($(yourDomObject).css('left')) + 200 + 'px';
$(yourDomObject).animate({
'left' : left
},2000,'easeOutExpo');
}
duplicado Posible de http://stackoverflow.com/q/5612352/504930 – devius
Debes seleccionar qué respuesta resolvió tu problema :) – Martin