JSFiddle - React, Tailwind, and code Playground

by sandeep

HTML

<div class='outer'>
    <div class='box1'></div>
</div>

CSS

.outer {
    background:red;
    height:100px;
}
.box1 {
    background:blue;
    height:100px;
    width:80px;
    display:none;
}
.outer:hover .box1{
    display:block;
    cursor:pointer;
}