开发工具与关键技术: DW、前端
作者:梁锦豪
撰写时间:2019/1/16

我们可以将伪类(hover)与计时器结合使用达到一些,想要的动画效果比如我们老师
教我们的口风琴例子:

  1. 先将一个个盒子沿X轴隐藏;
    伪类与计时器的结合使用
    伪类与计时器的结合使用
  2. 然后给其加沿X轴出现的伪类hover
    伪类与计时器的结合使用
  3. 设置每个小盒子出现的时间,也就是添加计时器:
    伪类与计时器的结合使用
    看起来每个盒子出现的时间都不相同,从而达到口风琴的效果。

当然可以设置显示和隐藏,也可以设置颜色的变换或变换的时间让你看到变换的过程:
伪类与计时器的结合使用
通过定时器可以使伪类看起来更加生动,而不那么的生硬.

相关文章: