radial-gradient-color-stops

by VIvek Vaishnav

HTML

<body>
    <div class="container">
    <div class="box gradient"></div>
    </div>
    </body>

CSS

.container{max-width:100%;height: 200px; text-align:center;color: #fff;}
    .box{width:100%;height: 100%; float: left; margin: 2px;}
    
    .gradient{ background: radial-gradient(circle closest-side at 50% 30%, #f06d06 30%,white 40%, black);