JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myEl"></div>

CSS

.myEl {
transition: opacity 500ms, display 0ms ease 500ms;
opacity: 1;
display: block;
    background-color: steelblue;
    widith: 100px;
    height: 100px;
}

.myEl:hover {
display:none;
opacity:0;
}