dissolvenza incrociata multi-colore in jquery o javascript - javascript, jquery, html

Ho cercato (davvero) ma non riesco a trovare come farequesto esattamente ... Mi piacerebbe attraversare più dissolvenze multiple (transizione del gradiente) molto come sto facendo qui (ma mostra semplicemente i tre colori). Mi piacerebbe finire con una miscela dei due colori come transizioni.

Questo è il punto in cui mi trovo ora, senza alcuna idea su come implementare una dissolvenza incrociata:

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

risposte:

Hai solo bisogno di impostare il transition Proprietà CSS.

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