javascript - Al usar transiciones/animaciones/etc. de CSS, ¿cuál es la mejor manera de recurrir a jQuery si el navegador del usuario no soporta animaciones CSS?

Estoy buscando una manera de usar animaciones CSS, pero si el navegador del usuario no soporta animaciones CSS, entonces recurrir a usar Jquery para la animación. ¿Hay una manera fácil de hacer esto en Jquery? Un plugin estaría BIEN, si fuera un plugin pequeño, pero realmente estoy buscando alguna manera de hacer esto en Jquery si es posible. La única razón por la que quiero usar animaciones CSS es por el mucho menor uso de potencia del procesador cuando se usan animaciones CSS.

Respuesta #1

El complemento mejorado jQuery animate utiliza transiciones CSS sin tener que escribir código específico para navegadores capaces de transiciones

La alternativa no es muy alentadora: podrías añadir una biblioteca de detección de funciones como Modernizr y luego escribir código específico para cada caso, como...

if (Modernizr.csstransitions) {
  $("#yourdiv").css({
    "-webkit-transform" : "translate(0, 10)",
    "-o-transform" : "translate(0, 10)",
    "-moz-transform" : "translate(0, 10)",
    "-ms-transform" : "translate(0, 10)",
    "transform" : "translate(0, 10)"
});
}
else {
  //do jquery animate stuff
}

Respuesta #2

No deberías preocuparte por ello. Las animaciones no son vitales. Si haces mejora progresiva, cada usuario tendrá la mejor experiencia que su navegador le permita tener :).

Si te importa tanto ese «poder del procesador», no querrás tener animaciones en IE en absoluto. De lo contrario, usa solo jQuery, eso parece ser lo mejor para tus necesidades particulares.