版权声明：原创作者为本博主，转载请声明！ https://blog.csdn.net/weixin_44074811/article/details/86662877
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：DW/浏览器
作者：黄启浩
撰写时间：2019.01.26
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
我们知道，在页面上，特效越多，给用户的体验就越强，风琴导航何尝不是一个小特效呢！今天咋们就来做一个简单的风琴吧！
下面是结构代码：
结构是不是炒鸡简单！直接一个div包裹全部a标签，就是包裹导航的内容。
然后：借助CSS3特效：transform（动画）和transition（过渡）两个属性来控制导航移入移出。
原理就是，先将大div里面的导航内容隐藏掉，就是把内容移进去，当鼠标移入的时候，每一个标签移出的延时时间不同，弹出的效果就会一个接着一个出来，从而形成风琴效果。
感谢大家的浏览，如有疑问可在评论留言哦！