分享10个实用的超绚CSS3按钮设计

日期：2012-4-10  来源：GBin1.com

CSS3在web开发技术中绝对是超棒的！随着梯度，阴影，文字阴影和边界半径属性的添加，我们现在还可以使用简单的HTML标记和CSS3代码来创建非常漂亮的按钮。我们使用CSS3的好处在于简化了代码开发量。因为使用CSS3生成漂亮的按钮只需要几行代码，这意味着支持完全可编辑和可定制，你不必使用PS来开发图片了。

但是我们需要注意一件事，就是IE浏览器对于CSS3的支持，目前CSS3的是只有IE9支持，也支持浏览器特定的样式前缀（-moz，-webkit和-o）。所以，如果你需要支持IE7和IE8，你可能会为它创建一个fallback功能。

无论如何，你可以选择自己创建，也可以通过我们下面文章中精心编码设计的CSS3按钮之中选择一个，他们都可以直接使用。

基本上呢，你只需复制粘贴到你需要的CSS文件中，然后使用正确的HTML标记来使用这些CSS3生成的更灵活，可扩展的按钮！

希望大家喜欢这些设计！

Pretty CSS3 Buttons

Radioactive Buttons

CSS3 Gradient Buttons

CSS Buttons with Pseudo Elements

CSS3 Github Buttons

Zocial Social Media Buttons

BonBon Sweet CSS3 Buttons

Zurb CSS3 Button with RGBA

A Collection of CSS3 Buttons

Chunky 3D CSS3 Buttons

来源：分享10个实用的超绚CSS3按钮设计