不用javaScript也能做出绚丽多彩的动画按钮。下载 此效果:
CSS3绚丽动画按钮HTML代码:
<div class="content">
<div class="button-wrapper">
<a href="#" class="a-btn">
<span class="a-btn-slide-text">$29</span>
<img src="images/icons/1.png" alt="Photos" />
<span class="a-btn-text"><small>Available on the Apple</small> App Store</span>
<span class="a-btn-icon-right"><span></span></span>
</a>
<a href="#" class="a-btn">
<span class="a-btn-slide-text">$19</span>
<img src="images/icons/2.png" alt="Maps" />
<span class="a-btn-text"><small>Available on the Apple</small> App Store</span>
<span class="a-btn-icon-right"><span></span></span>
</a>
<a href="#" class="a-btn">
<span class="a-btn-slide-text">$24</span>
<img src="images/icons/3.png" alt="Settings" />
<span class="a-btn-text"><small>Available on the Apple</small> App Store</span>
<span class="a-btn-icon-right"><span></span></span>
</a>
<a href="#" class="a-btn">
<span class="a-btn-slide-text">$39</span>
<img src="images/icons/4.png" alt="Wireless" />
<span class="a-btn-text"><small>Available on the Apple</small> App Store</span>
<span class="a-btn-icon-right"><span></span></span>
</a>
</div>
</div>

作者:


推荐内容 Recommended

相关内容 Related

现在致电 0898-688989 OR 查看更多联系方式 →

Go To Top 回顶部
  • 洋浦--人民网海南频道--人民网 2018-12-15
  • 最后一句有点看不懂。 2018-12-15
  • 恒大出局夜靠一人遮羞 有他在中超8连冠仍有戏 2018-12-08
  • 江苏省级国地税合并工作完成 新机构15日挂牌 2018-12-06
  • 牛羊上保险 牧民吃了“定心丸” 2018-11-28
  • 长春至长白山景区直通车正式运行 目前执行优惠价 2018-11-26
  • 湖北孝感:“学”“悟”“做”推动总书记讲话精神落实见效 2018-11-26
  • 我们完成的,不只是一部电影 2018-11-19
  • 指引中国特色社会主义不断创造新辉煌 2018-11-19
  • 人事任免--内蒙古频道--人民网 2018-10-13
  • [人民日报]海南网上招商引才平台试运行 2018-10-13
  • 哈尔滨上线科技成果转化平台 2018-10-09
  • 浙江省档案局(馆)三大展览开展 2018-10-09
  • 蔡英文“金援”海地砸45亿新台币 台艺人:孙中山都被你吓醒了! 2018-10-01
  • vivo韩伯啸:息屏下屏幕指纹解锁无压力 2018-10-01
  • 973| 789| 933| 614| 789| 353| 48| 925| 379| 306|