JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<div class="colors"></div>

CSS

.colors {
    padding:10px;
    width:100px;
    border: 10px solid rgba(0,0,0,0.2);
    height: 50px;
    background: linear-gradient(to right, 
        #78C5D6,
        #459BA8,
        #79C267,
        #C5D647,
        #F5D63D,
        #F08B33,
        #E868A2,
        #BE61A5) ;
background-size: 117%;
  background-position-x: 130px;}