How can we use CSS3 Transition Animations With jQuery Fallbacks.?

the css3 transitions is not supported by all browsers so if you are looking for a good solution for that you can use something called Modernizr in jquery and this article is very helpfull http://msdn.microsoft.com/en-us/magazine/hh304380.aspx

I found following articles and I hope they will answer your queries: - http://addyosmani.com/blog/css3transitions-jquery/ - http://joshemerson.co.uk/blog/using-jquery-as-a-fallback-for-css3-transitions/

A very neat and clean tutorial is available here. http://ricostacruz.com/jquery.transit/ Try and let me know if you have any further questions.

Don't mix CSS3 animations with CSS3 transitions. They're two different technologies. In your question, I think you mean transitions. There are plenty of open source libraries that do this. Here's one: https://github.com/benbarnett/jQuery-Animate-Enhanced Read the documentation. You'll need to just include this library after jQuery, and it will "patch" the $.animate method so that it uses CSS3 transitions if available, otherwise, it will use the ordinary setInterval based default animations of jQuery. Frankly, I had an issue with this library when specifying an animation callback. But this was a year or two ago, and may have been fixed now. It supports the left, top, right, bottom, width, height and opacity properties. You may have a look at this rich library too: http://ricostacruz.com/jquery.transit/ It performs transitions, 2D and 3D transforms, but doesn't perform these on old browsers (no fallback).

for simple animation you can use the animation method in jquery. i you want to learn good jquery fallback you have here a link http://joshemerson.co.uk/blog/using-jquery-as-a-fallback-for-css3-transitions/