CSS3 强大的 渐变功能 制作出 漂亮的 button 非常给力啊。

 

为什么这些按钮如此的酷?

  • 纯 CSS: 没有图片和Javascript的应用。
  • 渐变可以跨浏览器应用 (IE, Firefox 3.6, Chrome, and Safari).
  • 灵活和可扩展: 通过改变字体大小和填充值,按钮的大小和圆角可以调整。
  • 它有三个按钮状态: normal, hover 和 active。
  • 能被应用于任何HTML元素,比如a, input, button, span, div, p, h3, 等等。
  • 备注:如果CSS3不被支持,它将会显示成普通按钮 (没有渐变和阴影)。
CSS3 渐变按钮 非常 漂亮-简单's blog

参考代码: