Botones CSS3 estilo GitHub

Si hay algo del diseño de GitHub que siempre me gusto, ese algo es sin lugar a duda, el estilo de los botones. Son simples, pero extremadamente intuitivos.

La buena noticia es que si también compartes el mismo agrado que yo por este tipo de botones, ahora podemos implementarlos en nuestros sitios de forma muy fácil y rápida con CSS3, y esto gracias a Michael Henriksen que creo un pequeño framework con este tipo de botones.

Todos los botones disponibles en la hoja de estilos:

Para utilizar estos botones simplemente descargamos la hoja de estilos, y se la asignamos a los botones de la siguiente forma:

<a href="#" class="button">This is a Button</a>

También podemos utilizar el tag button:

<button class="button">This is a Button</button>

Un aspecto interesante de estos botones es que utilizan los tres estados posibles.

Los botones son completamente personalizables, solo es cuestión de combinar las distintas propiedades y estilos CSS para lograr el resultado que estamos buscando.

Web: Michael Henriksen

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas