menu dropdown

css nya

.nav {
width:100%;
}
.nav ul {
border-top:1px solid #fff;
list-style:none;
padding:0;
}
.nav ul li {
border-bottom:1px solid #fff;
padding:5px 5px 5px 20px;
}
.nav ul li:hover {
background:#6d6a6a;
transition:0.5s;
}
.nav ul li ul {
height:0px;
overflow:hidden;
opacity:0;
transition:0.5s;
}
.nav ul li ul li{
padding-left:10px;
transition:0.5s;
}
.nav ul li ul li:hover{
background:#434040;
}
.nav ul li:hover>ul {
min-height:270px;
opacity:1;
margin-top:5px;
}
.nav a{
text-decoration:none;
color:white;
}

index.php

<div class="nav">
<ul>
<li>
Home
<ul>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
</ul>
</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
</ul>
</div>