JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conjunto">
    <div class="box">Título</div>
</div>

CSS

/* Estilo & Função */
.conjunto{
    background: #2196F3;
    width: 200px;
    padding: 10px;
    color: #FFF;
}
.box{
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.box::after{
    content: "";
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease; 
}

.box:hover::after{
    content: "Esse é o seu texto a ser visualizado no hover.";
    display: block;
}