JSFiddle - React, Tailwind, and code Playground

HTML

<div style="margin: 10px; border: solid 1px black;"><div id="gradient"></div></div>

CSS

div {width: 200px; height: 20px; }

#gradient {
    /* scale for amount */
    width: 80px;
    /* fallback when gradient is not supported */
    background-color: red; 
    /* official property */
    background-image: linear-gradient(left,green,white,green);
    /* safari & chrome */
    background-image: -webkit-linear-gradient(left,green,white,green);
    /* firefox */
    background-image: -moz-linear-gradient(left,green,white,green);
    /* opera */
    background-image: -o-linear-gradient(left,green,white,green);
    /* IE ? */
}