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/
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).
par
Besim Dauti , Ceo / Front End Developer , Nunforest
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/