Плавный переход между двумя (классом) и (классом): hover

Есть ли сценарий / способ, который делает обычный CSS : hover более гладким?

Идея состоит в том, что у вас есть два класса, возможно, с градиентным фоном, и сценарий плавно поменял бы классы. Таким образом, градиенты будут выглядеть так, как будто вы нажимаете кнопку. Должен быть автоматическим, поэтому вы вызываете триггер: $ ('. Someclass'). SmoothTransition (); , и он автоматически использует .someclass: hover в качестве второго класса.

Bounty edit

На самом деле это очень интересный вопрос, на который я получил частичный ответ. Проблема с моим ответом заключается в том, что он работает только для сплошного цвета фона и не работает с градиентами CSS или любым другим более конкретным параметром.

Этот скрипт должен быть «обязательным» в любой библиотеке разработчиков jQuery. Итак, я предлагаю 150 представителей каждому, кто может придумать способ или найти хороший ресурс, который может это сделать.

Если ваш метод (единственный плагин jQuery) работает для всех этих примеров, то вы выиграли!

Примеры: http://jsfiddle.net/4pYWD/

Редактировать в наши дни

Поскольку этот вопрос был задан в 2011 году, когда переход на CSS, коммерческая игра была невозможна. Тогда поймите, почему в этом вопросе все сосредоточено на JS, а не на CSS. Из этих ответов я разработал сценарий JS, который на тот момент был идеальным. Теперь это не так, переходы CSS являются окончательным решением, поэтому правильный ответ был принят повторно.