Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Suivre

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

Please specify your answer with proper understanding the question, whats your professional experience for using this.

user-image
Question ajoutée par Muhammad Bilal Ahmed , Senior Front End Developer , Seven Software Development
Date de publication: 2013/05/04
Mohammad Ateieh
par Mohammad Ateieh , Software Engineering Manager , Bayt.com

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

Muhammad Majid Saleem
par Muhammad Majid Saleem , Senior PHP Developer / Project Manager , SwaamTech

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/

Muhammad Adnan
par Muhammad Adnan , Deputy Director Of IT , SADAD Electronic Payment System BSC

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.

Ashraf Sabry
par Ashraf Sabry , Freelancer developer , N/A

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).

Besim Dauti
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/

More Questions Like This