JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<div class="container">
<div class="controler">a</div>
</div>

CSS

body,html {
  width:100%;
  height:100%;
}


.container {
  width:80%;
  height:80%;
  background:#ccc;
}

.controler {
  transition:opacity ease-in-out 1s;
}

.container.enabled:not(:hover) .controler {
  opacity:0;
}