不用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 回顶部
  • 痛心!南湖公园一男子晨跑时猝死 警方急寻死者家属 2019-04-14
  • [视频]习近平打老虎动漫续集:当官要对自己狠一点 2019-04-14
  • 某些人总是用“客观事实”来为自己壮胆,实际上根本不懂什么是“客观事实。 2019-04-06
  • 2013环球企业领袖宁夏圆桌会议嘉宾云集 2019-04-06
  • 全国移动电话用户14.7亿户  4G用户数达10.6亿户 2019-04-05
  • 保护穿山甲别只盯着锅里碗里 2019-03-14
  • 谌龙,男羽的大旗你不扛也得扛 2019-03-14
  • 185| 560| 955| 707| 707| 850| 892| 399| 145| 809|