JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tooltip">Тест
<input type="text" size="30">
</div>

CSS

.tooltip{
position:fixed;
bottom:-150px;
right:-150px;    
width:200px;
height:200px;
 background:yellow;
color:#ccc;    
-webkit-transition:right, bottom 1s, 1s;
-moz-transition-property:right, bottom;
    -moz-transition-duration:1s;
-o-transition-property:right, bottom;
-o-transition-duration:1s;   
}

.tooltip:hover{
right:0px;
bottom:0px;    
}