JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div></div>

CSS

div
{
    
    height: 500px;
    width: 500px;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #FFFFFF 30%, #EEEEEE 35%, #CDCDCD 38%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #FFFFFF 30%, #EEEEEE 35%, #CDCDCD 38%);

/* Opera */ 
background-image: -o-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #FFFFFF 30%, #EEEEEE 35%, #CDCDCD 38%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #FFFFFF), color-stop(0.3, #FFFFFF), color-stop(0.35, #EEEEEE), color-stop(0.38, #CDCDCD));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #FFFFFF 30%, #EEEEEE 35%, #CDCDCD 38%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center top, #FFFFFF 0%, #FFFFFF 30%, #EEEEEE 35%, #CDCDCD 38%);
    
    background-color: #cdcdcd;
}