JSFiddle - React, Tailwind, and code Playground

by Kiran G

HTML

<div class="c"> dd </div>

CSS

div{
    position:relative;
    width:20%;
    height:400px;
    color:red;
    text-align:center;
    line-height:100px;
    margin-bottom:10px;
}


.c{    
   background: linear-gradient(to top,  #9c9e9f 0%,#9c9e9f 50%,#33ccff 50%,#33ccff 100%);
}