與CSS過渡三級菜單

-2

我想不透明度過渡添加到它，這樣當你徘徊在1級，2級有過渡的用武之地。

謝謝

2013-04-23 Stephen

請不要只鏈接到codepen。將相關代碼添加到您的問題中，以便它可以獨立運作。 – Antony 2013-04-23 13:01:52

您正在使用SCSS，但我已經在純CSS做這個，你可以把它翻譯相應

只需添加到你的CSS

ul li ul { 
    opacity: 0; 
    transition: opacity 1s; 
} 

ul li:hover ul { 
    opacity: 1; 
}

另外，如果您需要更多級別，只需在ul ul ul之後的訂單中添加元素，/ *其他聲明將轉到此處*/

2013-04-23 13:04:48

我沒有看到任何轉換... – Stephen 2013-04-23 13:10:04

@Stephen我確實看到了它...... – 2013-04-23 13:11:14

@Stephen：您可能需要使用支持不帶供應商前綴「-moz-'等轉換的瀏覽器。 – Kyle 2013-04-23 13:14:44

回答