JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<div></div>

CSS

div
{
    width: 200px;
    height: 200px;
    background-color: red;
    background-image: -webkit-linear-gradient(top, #F0F 0%, #0F0 100%);
    background-image:    -moz-linear-gradient(top, #F0F 0%, #0F0 100%);
    background-image:     -ms-linear-gradient(top, #F0F 0%, #0F0 100%);
    background-image:      -o-linear-gradient(top, #F0F 0%, #0F0 100%);
    background-image:         linear-gradient(top, #F0F 0%, #0F0 100%);
    background-position: -100px 0;
    background-repeat: no-repeat;
}