两个纯 CSS3 的滑动效果下载按钮

作者: 微歌 分类: 网站程序 发布时间: 2013-12-24 23:00 ė 6 没有评论

  一直对自己博客上的下载按钮不满意,一直想找一个好看一点的下载按钮,最近在国外一个网站上看到一个非常好看的下载按钮,尤其是它的滑动效果,鼠标移到按钮上则滑出要下载的文件名和大小等信息,点击后即可下载文件。于是,微歌分析了一下它的源码,把其中的相关代码倒腾了下来,另外,在找这个按钮代码的过程中,发现了一个功能比较类似的按钮,今天就一并整理了一下,写在一起一并加以介绍。
  一、红色的 CSS3 滑动效果下载按钮

  效果图如下:
  鼠标没有移到按钮时的效果:
  鼠标移动到下载按钮后的效果:
  下载地址:点击这里下载

  二、黑色的 CSS3 滑动效果下载按钮

  效果如下:
  上面那个是鼠标没有移到按钮时的效果,下面那个是鼠标移动到下载按钮后的效果。

  下载地址:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部