Анимация изменения цвета фона?

Question

[Петруша Укропов]

Можно ли анимировать изменение цвета фона без дополнительных плагинов?

На сайте в админке есть, так называемый, in-place editor. Хотелось бы, чтобы при изменении текста, фон меняемого текста подсвечивался, и через секунду возвращался в прежнее состояние.



Сейчас я банально дабавляю класс(где задан цвет заднего фона), а потом, с помощью таймера, этот класс удаляю.

parent.addClass("success");	<br>
window.setTimeout(function(){<br>
	parent.removeClass('success')<br>
}, 750);<br>

Answer 1

[Алекс]

Довольно долго гуглил на эту тему. В итоге вернулся к библиотеке джиквери.колор.

Answer 2

[Сергей Протько]

Нативно это можно сделать через CSS3 transition. Касательно jQuery — без плагинов он не умеет работать с анимацией цвета. Слишком специфическая задача. Хотя я не вижу проблемы в использовании jquery.color.

Answer 3

[Петруша Укропов]

Хотя я не вижу проблемы в использовании jquery.color.

Не вижу смысла подключать плагин для моих целей.

Answer 4

[SerDIDG]

Как выше советовали, можно сделать на CSS3 transition.
Вот мой пример: artlark.ru/demos/bubbles/. Код грубый, мягко говоря, и в ie лучше не смотреть )
Код на гитхабе: github.com/SerDIDG/Crazy-Bubbles
Принцип работы: jsfiddle.net/VW5Xs/