不用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-02-21
  • 3GPP发布5G标准SA方案 标志首个国际5G标准正式出炉 2019-02-21
  • 海淀区户外广告行业协会荣获全国社会组织先进单位称号 2019-02-16
  • 你的劳动创造财富的解释老汉领教了,猪一样的逻辑 2019-02-16
  • 木地板铺上墙,自然又有范! 2019-02-15
  • 高考不过是人生一隅,前路满是阳光花香 2019-02-15
  • 世界杯开赛午夜人声鼎沸 小龙虾来抢戏 2019-01-13
  • 机器人送快递将在西安试点 识别红绿灯还能“车让人” 2018-09-15
  • 浙江德清:紧抓“关键点” 打造冬防宣传立体攻势 2018-09-15
  • 访民情 惠民生 聚民心——亚心网专题 2018-07-18
  • 北大附小四年级举行第一学期阅读工程启动仪式 2018-07-18
  • 昆明 —频道 春城壹网 七彩云南 一网天下 2018-06-20
  • 震后十年·追忆与新生:要更加勇敢地努力生活 2018-06-20
  • 251| 532| 103| 124| 950| 282| 84| 861| 628| 311| 109| 834| 854| 431| 593|