Специальный эффект цветового перехода с чистой анимацией jQuery // без пользовательского интерфейса или другой библиотеки
Я пытаюсь создать цветную анимацию jQuery без каких-либо внешних плагинов. Пока что мне удалось сделать это с помощью jQuery-ui, но я хочу научиться этому сpure jQuery animate()
Возможно ли это сделатьwith less code а такжеwithout any external jQuery plugins на1.8 ?
Вот пример jsFiddle сjQuery 1.7.2 and ui
jQuery:
var Text = $('h1');
var Box = $('.box');
Text.click(function() {
Text.animate({'color':'#f00'},600)
.delay(200).animate({'color':'#ff0'},600)
.delay(200).animate({'color':'#000'},600);
});
Box.click(function() {
Box.animate({'background-color':'#f00'},600)
.delay(200).animate({'background-color':'#ff0'},600)
.delay(200).animate({'background-color':'#000'},600);
});