与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

回答