JSFiddle - React, Tailwind, and code Playground

by Christophe

HTML

<br /><br /><br />
<div class="image-hover">
    <img src="" width="20" height="20" />
    <span class="desc">text to be displayed when image hover</span>
</div>

CSS

.image-hover, .image-hover>img{
    width:100px;
    height:100px;
}

.image-hover>span {
    width:100px;
    height:100px;
    display:none;
    position:relative;
    top:-100px;
    left:0;
    background-color:blue;
}
.image-hover:hover>span {
    display:block;
}