JSFiddle - React, Tailwind, and code Playground

by Ufuk Ozdemir

HTML

<div class="element">asdasd</div>

CSS

.element:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
	width: 100%;
background: #273879;
background: -moz-linear-gradient(left, #273879 0%, #273879 33.33%, #f8cf18 33.33%, #f8cf18 66.66%, #f8cf18 66.66%, #ea1f27 66.66%, #ea1f27 100%);
background: -webkit-linear-gradient(left, #273879 0%,#273879 33.33%,#f8cf18 33.33%,#f8cf18 66.66%,#f8cf18 66.66%,#ea1f27 66.66%,#ea1f27 100%);
background: linear-gradient(to right,  #273879 0%,#273879 33.33%,#f8cf18 33.33%,#f8cf18 66.66%,#f8cf18 66.66%,#ea1f27 66.66%,#ea1f27 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273879', endColorstr='#ea1f27',GradientType=1 );

}