JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dropdown">
    Menu
    <br/>Games
    <br/>Food 
</div>

CSS

div.dropdown
{
    position:absolute;
    width:920px;
    height:20px;
    top:110px;
    left:50%;
    margin-left:-460px;
    z-index:1;
    background-color:gray;
    -webkit-transition: height 2s ease;
    background:black;
    text-align:center;
    color:red;
    overflow: hidden;
}

div.dropdown:hover
{
    height: 55px;
    -webkit-transition: height 0.1s ease;
}