不用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 回顶部
  • 金正恩6月19日至20日将对中国进行访问 2019-06-08
  • 墨西哥地震与球队进球民众跳跃啥关系?专家:无关 2019-06-08
  • 京绣:针尖上的宫廷艺术 2019-05-28
  • 社交短视频:“抖”起来 沉下去 2019-05-22
  • 《学习论理》——内蒙古日报理论专栏 2019-05-22
  • “温暖向阳,助梦小康” 飞鹤乳业以行动传递企业大爱 2019-05-08
  • 只有资本主义会关门,社会主义,有无穷的爆发力 2019-04-28
  • 2017大皖客户端徽派栏目全面回顾宣传片 2019-04-11
  • 清明假期山西旅游综合收入37.96亿 接待游客807.22万人次 2019-04-03
  • 候选企业:中粮可口可乐辽宁公司 2019-04-03
  • 社交短视频:“抖”起来 沉下去 2019-04-01
  • 2018国际产学研用合作会议在哈召开 2019-04-01
  • 视频:罗志祥打造新男团正式出道 内含两名17“快男” 2019-03-31
  • 新华保险荆州中支助力首届荆楚文化旅游节开幕 2019-03-28
  • 秦皇岛原料药干混输送一体机研发生产基地正式投产 2019-03-28
  • 308| 690| 230| 173| 854| 282| 44| 1| 652| 705| 274| 667| 438| 786| 634|