JSFiddle - React, Tailwind, and code Playground

HTML

<div> menu </div>

CSS

div{
    background-color:rgba(0,0,0, 0.5);
    height:200px;
    width:100%;
    text-align:center;
    position:absolute;
    top:-150px;
}
div:hover{
    top:0px;
    transition:2s;
}