Arkadaşlar dropdown menü yapacağım. ul li:hover olduğunda li nin içerisindeki ul li animasyonlu şekilde gelsin istiyorum fakat ne yaparsam yapayım ilk li nin altındaki ul li ler animasyonlu gelmiyor. Tak diye açılıyor.
Kodlar;
<div class="katalog-kapsayici">
<ul>
<li>
<a href="">Üst Grup</a>
<ul>
<li>
<img src="/images/logotutku.jpg" alt="logotutku"> <a href="">Tutku</a>
</li>
<li>
<img src="/images/tutkuelitlogo.jpg" alt="tutkuelitlogo"> <a href="">Tutku Elit</a>
</li>
<li>
<img src="/images/seherlogo.jpg" alt="seherlogo"> <a href="">Seher Yıldızı</a>
</li>
<li>
<img src="/images/jiberlogo.png" alt="jiberlogo"> <a href="">Jiber</a>
</li>
</ul>
</li>
<li>
<a href="/">Fantazi Gecelik</a>
</li>
<li>
<a href="/">Pijama</a>
</li>
<li>
<a href="/">Sütyen</a>
</li>
<li>
<a href="/">Çorap</a>
</li>
</ul>
</div>benim yazdığım hover cssi.katalog-kapsayici ul li:hover ul{
transition:.4s all;
}
.katalog-kapsayici ul li:hover ul li{
display:flex;
transition:.4s all;
}