JSFiddle - React, Tailwind, and code Playground

by Mi_Creativity

HTML

<div class="testHover">
  <div class="background">
  
  </div>
  <div class="cachee">
  <a>Je suis une div cachée</a>
  </div >
  
</div>

CSS

.testHover{
  width : 100px;
  height : 100px; 
  position : relative;
}

.background{
   width : 100px;
  height : 100px;
  background : pink;
}

.cachee{
  opacity:0;
  background : green;
  position : absolute;
  top :0px;
  z-index : 999;
}

.cachee:hover{
  opacity:1;
}