JSFiddle - React, Tailwind, and code Playground

by yokano

HTML

<div id="gradient"></div>

CSS

#gradient {
    width: 300px;
    height: 300px;
    
    /* Safari, Chrome */
    background: -webkit-gradient(linear, center top, center bottom, from(white), to(black));
    
    /* Firefox */
    background: -moz-linear-gradient(bottom, white, black);
    
    /* IE10 ~ 11 */
    background: linear-gradient(to bottom, white, black);
    
    /* IE7 ~ 9 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='white', endColorstr='black');
}