欢迎访问园电缆科技有限公司!

html5响应式自适应电子产品类公司网站模板

七套CSS3绚丽动画按钮

不用javaScript也能做出绚丽多彩的动画按钮。下载 此效果:
CSS3绚丽动画按钮HTML代码:

<div class="content">
<div class="button-wrapper">
<a href=/a/xinwenzhongxin/xingyexinwen/"/index.html class="a-btn">
<span class="a-btn-slide-text">$29</span>
<img src=/a/xinwenzhongxin/xingyexinwen/"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=/a/xinwenzhongxin/xingyexinwen/"/index.html class="a-btn">
<span class="a-btn-slide-text">$19</span>
<img src=/a/xinwenzhongxin/xingyexinwen/"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=/a/xinwenzhongxin/xingyexinwen/"/index.html class="a-btn">
<span class="a-btn-slide-text">$24</span>
<img src=/a/xinwenzhongxin/xingyexinwen/"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=/a/xinwenzhongxin/xingyexinwen/"/index.html class="a-btn">
<span class="a-btn-slide-text">$39</span>
<img src=/a/xinwenzhongxin/xingyexinwen/"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>

上一篇:MYSQL数据库编码原理
下一篇:百度竞价恶意点击实战心得