制作风琴导航的效果（五分钟入手）

开发工具与关键技术：DW、CSS3
作者：邱慧敏
撰写时间：2019.02.01

想要实现风琴的效果其实很简单，用css就可以完成，简单的思路就是：“把每一个标签的鼠标移上去之后发生变化的时间都设置不一样”如：第一个a标签的时间为0.05s ， 第二个a标签的时间为0.1s ，第三个a标签的时间为 0.15s……如此类推 就可以实现效果了。

首先设置框架（可如下）

然后对框架进行设置，再对鼠标移上去之后的变化时间进行设置


效果图：

然后鼠标移上去之后，就会产生风琴效果。