JSFiddle - React, Tailwind, and code Playground

by Vladislav Altyncev

HTML

<div class="one"></div>

CSS

.one {
    height: 90px;
    background: #FFFFFF;
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 30%,#0019ff 30%,#0019ff 60%,#ff0000 60%,#ff0000 100%);
background:    -moz-linear-gradient(top, #FFFFFF 0%,#FFFFFF 30%,#0019ff 30%,#0019ff 60%,#ff0000 60%,#ff0000 100%);
background:      -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 30%,#0019ff 30%,#0019ff 60%,#ff0000 60%,#ff0000 100%);
background:         linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 30%,#0019ff 30%,#0019ff 60%,#ff0000 60%,#ff0000 100%);
-pie-background:    linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 30%,#0019ff 30%,#0019ff 60%,#ff0000 60%,#ff0000 100%);
}