CSS3 es una maravilla, no veo el momento que se pueda utilizar sin problemas en los navegadores, y especialmente en IE (la versión 8 todavía no es compatible con muchas de sus características, pueden creerlo?)
En Smashing Magazine, la gente de Zurb nos enseña a crear botones realmente muy bonitos con CSS3, sin JS ni trucos raros.
Botones con CSS3
Si bien no se verán tan “pretty” en IE, su funcionalidad será la misma y serán más atractivos que el “default” del sistema. Además, se complementa mejor con nuestro diseño! Y, ya sabemos que tan importantes son los botones: son el “call-to-action” de nuestras páginas.
Highlights más importantes:
- Darle un sutil degradé, lo recomendable es con una imagen (como background-image), pero más adelante podremos usar directamente los gradients de CSS3
- Texto grande, constrastado, con sombra (text-shadow)
- Sombra al botón con -moz-box-shadow ó -webkit-box-shadow (más adelante, podremos usar box-shadow directamente)
- Bordes al botón con border-radius
Artículo completo: http://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/