Transition en douceur entre les deux (la classe) et (classe):hover

Est-il un script ou d'une manière, qui fait normale CSS :hover plus lisse?

Idée serait, que vous avez deux classes peut-être avec un gradient horizons, et le script en douceur swap les classes. Si les gradients ressemblerait votre en appuyant sur un bouton. Devrait être automatique, de sorte que vous appelez le déclencheur: $('.someclass').SmoothTransition(); et il utilisera automatiquement le .someclass:hover que la deuxième classe.


Bounty modifier

C'est effectivement une question très intéressante qui a obtenu une réponse partielle par moi. Le problème avec ma réponse est qu'il ne fonctionne que pour la solidité de la couleur d'arrière-plan et ne fonctionne pas avec des gradients CSS ou tout autre plus de paramètres spécifiques.

Ce script doit être un "must-have" dans toute jQuery développeurs de la bibliothèque. Donc, je vous propose 150 rep à n'importe qui, qui peut penser d'une manière ou trouver de bonnes ressources, qui peuvent le faire.

Si votre méthode (simple plugin jQuery) fonctionne pour tous ces exemples, alors vous avez gagné!

Exemples: http://jsfiddle.net/4pYWD/


Les temps modernes de modifier

Depuis que cette question a été posée en 2011, lors de la transition CSS, est jeux commerciaux n'était pas une option. Puis comprendre, pourquoi tout est centré sur JS et pas CSS, dans cette question. À partir de ces réponses, j'ai développé un script JS, qui était à l'époque, parfait. Ses pas plus, les transitions CSS sont la solution ultime maintenant, de sorte que la réponse adéquate ai re-accepté.

OriginalL'auteur Kalle H. Väravas | 2011-07-23