css下拉菜单代码(动画缓慢出现效果)

Joker • • 前端笔记 • 338 阅读

用纯css代码写一个css下拉菜单，二级菜单opacity默认是0，鼠标在一级菜单hover时opacity就是1，opacity从0到1有一个transition过渡时间1秒钟，就实现了css下拉菜单动画缓慢出现效果，具体看下面例子代码。

css下拉菜单代码

css下拉菜单代码：




水果


  • 苹果
    • 

  • 香蕉
    • 

  • 冬枣
    • 

  • 雪梨
    • 



蔬菜


  • 芹菜
    • 

  • 山芋
    • 

  • 青菜
    • 

  • 南瓜
    •

    版权声明：
    作者：Joker 链接：http://456787.xyz/archives/1695
    文章版权归作者所有，转载请注明出处。
    THE END
    分享
    二维码
    打赏
    < <上一篇
    下一篇>>