JSFiddle - React, Tailwind, and code Playground

by Arthur Miko

HTML

<div class="box"></div>

CSS

.box {
  height: 100px;
  background: #777;
}

.box::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #77f;
  opacity: 0;
//  transition: opacity .5s;
}

.box:hover::after {
  cursor: pointer;
  opacity: 1;
}