-2
A
回答
2
您正在使用SCSS,但我已经在纯CSS做这个,你可以把它翻译相应
只需添加到你的CSS
ul li ul {
opacity: 0;
transition: opacity 1s;
}
ul li:hover ul {
opacity: 1;
}
另外,如果您需要更多级别,只需在ul ul ul之后的订单中添加元素,/ *其他声明将转到此处*/
相关问题
- 1. CSS第三级菜单
- 2. CSS下拉菜单:三级列表不通过二级
- 3. 第三级CSS多层菜单问题
- 4. 创建三级css手风琴菜单
- 5. 问题与CSS下拉菜单第三级
- 6. 菜单过渡/动画
- 7. 离子2菜单过渡
- 8. 与子菜单的菜单过渡效果
- 9. 三级菜单项Boostrap MVC
- 10. joomla三级菜单2.5
- 11. jquery动画三级菜单
- 12. 固定头与CSS过渡
- 13. 导航过渡与css
- 14. 与IE11和Mozilla CSS过渡
- 15. 简单的CSS过渡
- 16. CSS过渡时间单位
- 17. CSS菜单与JavaScript菜单
- 18. 下拉菜单中的CSS3过渡菜单 - 不可见的第三级菜单项在鼠标移入第二级之前悬停时出现
- 19. 菜单自举和jQuery使用CSS过渡
- 20. 如何使用CSS过渡到动画下拉菜单?
- 21. 在粘性菜单css过渡不起作用
- 22. CSS过渡的下拉菜单中不工作
- 23. CSS过渡 - 幻灯片菜单第一,褪色的文字后
- 24. CSS多级下拉菜单
- 25. CSS侧栏多级菜单
- 26. CSS下拉菜单级别
- 27. css二级下拉菜单
- 28. 动态CSS下拉菜单显示与父级相同级别的子菜单
- 29. CSS过渡:点火的订单时,多个过渡
- 30. 水平布局的第一层的三级CSS菜单
请不要只链接到codepen。将相关代码添加到您的问题中,以便它可以独立运作。 – Antony 2013-04-23 13:01:52