JSFiddle - React, Tailwind, and code Playground

by trentHarlem

CSS

body {
 transition: all 0.3s ease;
 filter: blur(9px);
  -webkit-filter: blur(19px);
}

JavaScript

var deg = 0;
var stop =0;
var i = setInterval(timer, 600);

function timer() {
  
  deg += 1;
  stop += 1;
  deg = deg % 360;
  stop = stop % 100;
  let color2a = `linear-gradient(${deg}deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) ${stop}%, rgba(252,176,69,1) 100%)`;

  document.body.style.backgroundImage = color2a;
  
}