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" }); 

यहाँ एक working example है: आप तो कुछ ऐसा कर सकते हैं।

Answer 2

jQuery UI animate function ऐसा करेगा।

See here for jsFiddle.

Answer 3

यहां मेरे 2 सेंट के लायक हैं - एक निरंतर स्पंदनात्मक बटन का एक जेएसफ़िल्ड, दस्तावेज़ लोड होने पर ट्रिगर हुआ।

Demo here

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

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

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

Answer 4

आप किसी अन्य प्लगइन की जरूरत नहीं है। उदाहरण:

jQuery

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

सीएसएस

selector { 
    transition: color .3s; 
} 

यह (और नीचे वेबसाइट को धीमा के बिना) ठीक से काम करेगा।