JSFiddle - React, Tailwind, and code Playground

by timmah

HTML

<div id="wrapper">
    <div id="inner">
     
    </div>
</div>

CSS

#wrapper {
    width:100%;
    height:500px;
    background: -webkit-radial-gradient(top left, ellipse cover,  rgba(255,0,0,1) 0%,rgba(255,0,0,0) 50%);
    border:solid 1px red;
}

#inner {
    width:100%;
    height:500px;
    background: -webkit-radial-gradient(top right, ellipse cover,  rgba(0,0,255,1) 0%,rgba(0,0,255,0) 50%);
    border:solid 1px blue;
}