JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<div class="test3">
<div  class='test'>

</div>
<div class='test test2'>

</div>
</div>

CSS

.test {
  width: 50px;
  height: 50px;
  background-color: red;
}

.test2 {
  width: 50px;
  height: 50px;
  opacity: 0;
  background-color: gray;
}

.test:hover .test2 {
  opacity: 1;
}