مشکل در transition منو

[ab.ali]

سلام این کد css من برای منو هستش :


.list{
width:100%;
height:auto;
background-color:transparent}

.list li{
list-style:none;
background-color:#1ABC9C;
border-bottom:5px solid #FFF;
text-align:center;
padding:10px;
transition:ease 300ms}

.list li:last-child{
border-bottom:0px}

.list li a{
text-decoration:none;
font:12px 'Segoe UI';
color:#FFF}

.list li ul{
width:100%;
height:auto;
display:none}

.list li:hover > ul{
display:block}





منوم کار می کنه ولی مشکلم اینه که می خوام با transition اون ul نمیاش داده بشه، هر جا که transiton اضافه کردم، کار نکرد!!! می شه راهنمایی کنید؟:افسرده:

[ab.ali]

دوستان می شه راهنمایی کنید؟ خیلی نیاز دارم.

[2undercover]

.menu-item .submenu {
/* ... */
visibility: hidden;
opacity: 0;
transition: /* ... */;
}
.menu-item:hover .submenu {
visibility: visible;
opacity: 1;
}

[ab.ali]

ممنون درست شد.