Efecto de transición de color especial con animación jQuery pura // no ui u otra biblioteca
Estoy tratando de crear la animación en color jQuery sin ningún complemento externo. Hasta ahora, pude lograr esto con jQuery-ui pero quiero aprender de esta manera conpure jQuery animate()
Es posible hacer esto.con menos código ysin ningún plugin externo de jQuery en1.8?
Aquí está la muestra de jsFiddle conjQuery 1.7.2 y 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);
});