不用javaScript也能做出绚丽多彩的动画按钮。下载 此效果: CSS3绚丽动画按钮HTML代码:
<div class="content">
(责任编辑:admin)<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> |