Specjalny efekt przejścia kolorów z czystą animacją jQuery // brak interfejsu użytkownika lub innej biblioteki
Próbuję utworzyć animację kolorów jQuery bez żadnych zewnętrznych wtyczek. Do tej pory udało mi się to zrobić za pomocą jQuery-ui, ale chcę się tego nauczyćpure jQuery animate()
Czy można to zrobić?z mniejszym kodem ibez żadnych zewnętrznych wtyczek jQuery na1.8?
Oto próbka jsFiddle zjQuery 1.7.2 i 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);
});