JSFiddle - React, Tailwind, and code Playground

by gweax

HTML

<div>Lichtkante per Gradient</div>

CSS

div {
    width: 200px;
    height: 100px;
    padding: 8px;
    
    background: -webkit-linear-gradient(top,
        #ffffff 0px,
        #008000 1px,
        #00e000 50%,
        #00a000 100%);
    background: -moz-linear-gradient(top,
        #ffffff 0px,
        #008000 1px,
        #00e000 50%,
        #00a000 100%);
    background: -ms-linear-gradient(top,
        #ffffff 0px,
        #008000 1px,
        #00e000 50%,
        #00a000 100%);
    background: -o-linear-gradient(top,
        #ffffff 0px,
        #008000 1px,
        #00e000 50%,
        #00a000 100%);
    background: linear-gradient(top,
        #ffffff 0px,
        #008000 1px,
        #00e000 50%,
        #00a000 100%);
    border: 1px solid black;
    border-radius: 8px;
    color: #fefefe;
}