JSFiddle - React, Tailwind, and code Playground

by klaascuvelier

HTML

<div class="gradient gradient-1"></div>

<div class="gradient gradient-2"></div>

CSS

.gradient {
    height: 50px;
    margin-bottom: 50px; 
}

.gradient-1 {
    background-color: lightblue;
    //background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
background-image:-moz-linear-gradient(bottom,#fff 0,#eee 50%)

}


.gradient-2 {
    background-color: lightblue;
    //background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
}