jqueryまたはjavascriptで多色のクロスフェード

Question

（実際には）検索しましたが、これを正確に行う方法が見つかりませんでした...私はここでやっているように複数の色をフェードアウト（グラデーションをトランジション）したいと思います（しかしそれは単に3色を示しています）。私は、2つの色が混ざり合って最終的に変わりたいと思っています。

var colors = ['red', 'green', 'blue']; 
var active = 0; 
setInterval(function(){ 
    document.querySelector('body').style.background = colors[active % colors.length]; 
    active++; 
}, 5000); 

Answer 1

あなただけtransition CSS propertyを設定する必要があります。私は今、クロスフェードを実装する方法については全く分からないとしていますどこ

です。

var colors = ['red', 'green', 'blue']; 
 
var active = 0; 
 
document.body.style.transition = 'background-color 5000ms'; 
 
setInterval(function() { 
 
    document.body.style.backgroundColor = colors[active % colors.length]; 
 
    active++; 
 
}, 5000);