JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<div class="panel"></div>

CSS

.panel {
  border: 1px solid red;
  width: 100px;
  height: 100px;
    
  background-color: #000;
  background-image: -webkit-linear-gradient(rgba(255, 255, 0, 0.4), #FAFAFA);
  -webkit-transition: background-color 400ms ease;
}

.panel:hover{
  background-color: #DDD;
}