不用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-05-20
  • 你问对了,但没有说到点子上。我告诉你吧,最根本的问题是私有制。私有制不除,腐败问题就不会消灭。懂了吧,哈哈。 2019-05-20
  • 海口滞留游客咋样了?还有5000余辆车排队过海 2019-05-11
  • 世界杯来了 电影大片也来了!《侏罗纪世界2》主打视觉冒险 2019-05-10
  • 【大家谈】切莫让“盆景”煞“风景” 2019-05-01
  • 金融高官齐聚上海陆家嘴讲了啥?信息量很大 2019-05-01
  • 新元素注入新冒险 《侏罗纪世界2》霸气归来 2019-04-19
  • 各地又出现狂犬伤人,政府必须做好监管,确保安全。 2019-04-09
  • 监管督政措施密集实施 重庆迎来最严环保时代 2019-04-04
  • 【回复:四两寻找哀鸣之问】为什么一直辛苦劳作的农民没有富起来?专家解释的4点原因很靠谱 2019-03-11
  • 新疆奇台县--旅游频道 2019-03-11
  • 独山视窗--贵州频道--人民网 2019-03-08
  • 河南要闻--河南频道--人民网 2019-03-03
  • 【北京页川车型报价】北京页川4S店车型价格 2019-03-03
  • 成功的“北斗星通模式”推动企业的快速发展 2019-02-26
  • 696| 675| 863| 331| 868| 539| 249| 735| 49| 239|