SummArg | Cursos y recursos para webmasters

04/12/2012

Botones CSS3 con fondo texturado y compatible con todos los navegadores

Otro espectacular trabajo de Red Team Design en donde comparten con la comunidad webmaster un set de botones CSS3 con fondo texturado (sin utilizar imágenes) y totalmente compatible con todos los navegadores. Los botones cuentan con varios colores por defecto, así como diferentes tamaños y la posibilidad de usar grupos de botones (dentro de una lista). Todos los botones soportan el estado disabled.

Sólo debemos linkear la plantilla de estilos a nuestro proyecto y utilizar los botones:

<a href="" class="button">Button</a>

o bien, con la etiqueta HTML5:

<button class="button">Button</button>

Si queremos un botón grande:

<button class="large button">Button</button>

O si preferimos uno pequeño:

<button class="small button">Button</button>

Soporta los siguientes colores alternativos, además del gris por defecto:

<button class="color red button">Button</button>
<button class="color green button">Button</button>
<button class="color blue button">Button</button>

También podemos agruparlos:

<ul class="button-group">
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
</ul>

Proyecto en GitHub | Documentación | Demo

 

Dejar un comentario