jquery 또는 javascript에서 다중 색상 교차 페이드

Question

(실제로) 검색했지만 정확히 어떻게 수행 할 수 없는지 ... 여기에서하는 것처럼 여러 색상 (그라디언트로 전환)을 교차하고 싶습니다. (그러나 단순히 세 가지 색상을 보여줍니다). 전환 할 때 두 색상의 혼합으로 마무리하고 싶습니다.

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