JSFiddle - React, Tailwind, and code Playground

by Mi_Creativity

HTML

<div id="principal"></div>

CSS

body{
    margin:0;
    padding:0;
}
#principal {

    width:100vw;

    height:100vh;

    display:block;

    background-color:#1e69de;

    margin:0 auto;

}

JavaScript

var num = 100;

var $interval = setInterval(function() {
    var a = document.getElementById("principal");
    num = num - 10;
    if (num >= 0) {
        a.style.background = '-moz-radial-gradient(#FFF ' + num + '%,#1e69de 200%)';
        a.style.background = '-webkit-radial-gradient(#FFF ' + num + '%,#1e69de 200%)';
        a.style.background = 'radial-gradient(#FFF ' + num + '%,#1e69de 200%)';
    }else{
        clearInterval($interval);
    }
}, 40);