Efeito de transição de cor especial com animação jQuery pura // sem ui ou outra biblioteca
Eu estou tentando criar animação de cor jQuery sem quaisquer plugins externos. Até agora eu consegui fazer isso com jQuery-ui, mas eu quero aprender assim compure jQuery animate()
É possível fazer issocom menos código esem nenhum plug-in externo do jQuery em1,8?
Aqui está a amostra jsFiddle comjQuery 1.7.2 e 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);
});