在过去的Web开发中，通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展，你完全可以通过几行代码来定制一个漂亮的按钮，并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤，并且非常易于编辑、扩展和定制，你只需要更改代码即可。本文收集了10套基于CSS3的按钮，你可以通过复制粘贴代码到你的CSS文件中来使用这些按钮。但需要注意的是，CSS3需要浏览器的支持，基本上这些按钮可以在大部分现代浏览器中完美呈现，但是在IE中支持还不够好。1.  漂亮的CSS3按钮 2.  放射效果按钮 3.  CSS3立体按钮 4.  基于伪元素的CSS按钮 5.  Github风格的按钮 6.  社交媒体按钮 7.  糖果风格按钮 8.  基于RGBA的CSS3按钮 9.  CSS3按钮集合 10.  长条形3D CSS3按钮 英文原文：10 GORGEOUS CSS3 BUTTONS, READY TO BE USED!

　　推荐阅读

　　通过精简CSS实现控制网页文件大小

众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览器对网页的解释时间缩到更短，自然访客也就不用面临等待网页缓慢呈现的烦躁了，这一点对于那些带宽少网速慢的用>>>详细阅读

本文标题：10 套华丽的CSS3 按钮小结

地址：http://www.17bianji.com/kaifa2/CSS/16408.html

 1/2    1