JSFiddle - React, Tailwind, and code Playground

by JoseFaeti

HTML

<div id="gradient"></div>

CSS

body{
    min-height:8000px;
     background-color: #f3ffff;
     margin:0px;
     
     background-position: center top, center top;
     background-repeat: no-repeat, repeat-x;
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#63ADF1', endColorstr='#00000000')";
  }

#gradient {
    height:250px;
    background-image:
        -webkit-linear-gradient(
            rgba(99, 173, 241, 1), 
           rgba(0, 255, 255, 0)
        
        );
    background-image:
        -moz-linear-gradient(
           top, 
           rgba(99, 173, 241, 1) 0px, 
           rgba(0, 255, 255, 0) 250px
        );


     background-image: 
        -o-linear-gradient(
           top, 
           rgba(99, 173, 241, 1) 0px, 
           rgba(0, 255, 255, 0) 250px
        );
}