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

Question

Я ищу сценарий jQuery или сторонний плагин для 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's based for 3 seconds

Answer 1

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

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

Вот рабочий пример .

Answer 2

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

JQuery

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

CSS

selector {
  transition: color .3s;
}

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

Answer 3

Анимационная функция jQuery UI сделает это.

Смотрите здесь для jsFiddle.

Answer 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();
});