JQuery - Как увядать в/из одного цвета с другим? (возможно, сторонний плагин для jQuery?)

Я ищу jQuery script или сторонний плагин для jQuery, который может создать эффект затухания в/в, основанный на "от цвета" и "до цвета". Пример, как я его вижу:

$( selector ).fadeColor({
    from: "#900", // maroon-red color
    to: "#f00",   // blood-red color
}, 3000); // last argument is the time interval, in milliseconds in this particular case it based for 3 seconds

Ответ 1

jQuery UI расширяет jQuery animate, чтобы включить цветную анимацию. Затем вы можете сделать что-то вроде:

$("#someId").animate({backgroundColor: "#ff0000" });

Здесь рабочий пример.

Ответ 2

Вам не нужен другой плагин. Пример:

JQuery

$(selector).css("color", "blue");

CSS

selector {
  transition: color .3s;
}

Это будет работать нормально (и не замедляет работу сайта).

Ответ 3

Пользовательский интерфейс jQuery функция анимации сделает это.

См. здесь для jsFiddle.

Ответ 4

Здесь мои 2 цента стоят - jsFiddle из непрерывно пульсирующей кнопки, срабатывающей при загрузке документа.

Демо здесь

function fadeDivIn(){
    $("#div").animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();});
}

function fadeDivOut(){
    $("#div").animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();});
}

$(document).ready(function(){
    fadeDivIn();
});