JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div class="tooltip">опа</div>

CSS

.tooltip{
position:fixed;
bottom:-150px;
right:-150px;    
width:200px;
height:200px;
background:#222;
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;    
}