Botones estilo Microsoft Metro con CSS3

Parece que la nueva interface de Windows llamada metro gusta bastante a los diseñadores, esto lo digo principalmente porque desde hace varios días veo aparecer nuevos recursos gratuitos que intentan imitar el aspecto gráfico pero utilizando distintas tecnologías. En esta oportunidad encuentro este fantástico set de botones estilo Microsoft Metro muy bien logrados utilizando solo CSS3 y JavaScript.

botones css3 microsoft metro

CSS3 Microsoft Modern Buttons es un pequeño framework gráfico diseñado en gran medida utilizando CSS3, que ademas utiliza un poco de JavaScript para la realizar determinados efectos relacionados al comportamiento de estos bonitos botones.

Una de las principales ventajas de este recurso, ademas de su sencillez de uso, es que funciona perfectamente en los navegadores más modernos, en el caso de Internet Explorer funciona desde la versión 8, en Firefox, Chrome y opera no tendremos ningún problema en sus versiones más recientes.

Para los que ya utiliza el Bootstrap de Twitter una buena noticia. Esta biblioteca es compatible al 100%, inclusive el autor de la misma comenta que tuvo especial cuidado en este aspecto.

Ejemplo de uso:

<a href="#">Mini size</a>
<a href="#">Default size</a>
<a href="#">Large size</a>

Como se puede ver utilizar esta biblioteca es muy fácil. En el sitio del proyecto van a encontrar más botones, si hay algo para destacar es la variedad disponible.

Web: CSS 3 Buttons Microsoft Metro

Categorizado en: