JSFiddle - React, Tailwind, and code Playground

by Oleg Khobotov

HTML

<div class="test">
        &nbsp;
</div>

CSS

.test{
    margin: 20px 30px 0px 30px;
    text-align: center;
    width: 600px;
    color: #FFF;
    height: 0;
    border-bottom: 9px solid transparent;
    border-left: 10px solid;
    border-right: 10px solid;


background: #cfe6fd;
background: -moz-linear-gradient(left,  #cfe6fd 0%, #cae4ff 0%, #cbe5ff 28%, #d1e8ff 36%, #deeeff 46%, #dfeeff 52%, #cce5ff 70%, #cae4ff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cfe6fd), color-stop(0%,#cae4ff), color-stop(28%,#cbe5ff), color-stop(36%,#d1e8ff), color-stop(46%,#deeeff), color-stop(52%,#dfeeff), color-stop(70%,#cce5ff), color-stop(100%,#cae4ff));
background: -webkit-linear-gradient(left,  #cfe6fd 0%,#cae4ff 0%,#cbe5ff 28%,#d1e8ff 36%,#deeeff 46%,#dfeeff 52%,#cce5ff 70%,#cae4ff 100%);
background: -o-linear-gradient(left,  #cfe6fd 0%,#cae4ff 0%,#cbe5ff 28%,#d1e8ff 36%,#deeeff 46%,#dfeeff 52%,#cce5ff 70%,#cae4ff 100%);
background: -ms-linear-gradient(left,  #cfe6fd 0%,#cae4ff 0%,#cbe5ff 28%,#d1e8ff 36%,#deeeff 46%,#dfeeff 52%,#cce5ff 70%,#cae4ff 100%);
background: linear-gradient(left,  #cfe6fd 0%,#cae4ff 0%,#cbe5ff 28%,#d1e8ff 36%,#deeeff 46%,#dfeeff 52%,#cce5ff 70%,#cae4ff 100%);


    }