como fazer um aviso desaparecer e aparecer com o mouse

Visualização,para visualizar passe o mouse:

Mensagem digitada aqui.

bem legal né? para fazer esse efeito coloque este código:

<div id="comofazerumavsdesaparecer">
Mensagem digitada aqui.
</div>
<style>
#comofazerumavsdesaparecer{
border: 2px dashed red;
padding:8px;
height: 116px;
width: 124px;
font-size: 9px;
color: transparent;
transition: 0.7s;
}
#comofazerumavsdesaparecer:hover{
padding:8px;
overflow-y: hidden;
overflow-x: auto;
color: #000;
transition: 0.7s;
border: 2px dashed red;
opacity: 0.9;
}
</style>