Şu anda CSS bir tür 'mega açılan' menu - temel olarak CSS-sadece açılan normal bir menü, ama içerik. farklı türleri içeren bir tasarlıyorum

Sorumu bir daha bu sorun için bir çözüm yolu olabilir mi '' gibi bir şey.
Şu anda, görünen CSS3 Geçişler uymuyor 'ekran' özelliği, yani yapamazsın herhangi bir tür geçiş display: none display: block (veya herhangi bir kombinasyon).

Herkese örnek 'biri üst düzey menü öğeleri? üzerine geldiğinde' fade yukarıdaki ikinci kademe menü için bir yol bulurlar

visibility: özelliği geçişler kullanabilirsiniz farkındayım, ama bunu etkili bir şekilde kullanmak için bir yol düşünemiyorum.

Ayrıca yükseklik kullanarak denedim ama o sadece sefil başarısız oldu.

Ayrıca önemsiz bu kullanarak JavaScript ulaşmak için olduğunu biliyorum ama kendimi sadece CSS kullanmak için meydan okumak istedim ve biraz kısa geliyor sanırım.

Tüm ve herhangi bir öneriniz en hoş geldiniz.

Geçişler iki ya da daha fazla bir arada kullanabilirsiniz, ve visibility kullanışlı bu sefer gelir.

div > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
div:hover > ul {
  visibility: visible;
  opacity: 1;
}

(Satıcı unutma transition özelliği önekleri!)

Daha fazla bilgi this article