JSFiddle - React, Tailwind, and code Playground

by Pritam Bohra

HTML

<div class="vg">
  <div class="vg-white"></div>
</div>

CSS

.vg {
  width: 80%;
  height: 50px;
  background-image: linear-gradient(#951D21 60%, #7d1119 90%);
  position: relative;
  border-radius: 5px;
  
}

.vg-white {
  width: 100%;
  height: 50%;
  background-color: rgba(255, 255, 255, .1);
  position: absolute;
  top: 0;
}