SummArg | Cursos y recursos para webmasters

11/01/2011

Zardi: Set de botones CSS3 simples y elegantes

Cada día se están popularizando mas los botones e íconos hechos enteramente en CSS3, sin imágenes en absoluto. En este caso les mostramos el set Zardi, que pueden ver y descargar de este site.

El uso de estos botones es simple. Entre etiquetas <head> tenemos que insertar una llamada al CSS que descargamos del sitio.

<link rel="stylesheet" href="buttons_style.css" type="text/css" media="screen" />

Luego añadir la clase seleccionando color y forma, como en estos tres ejemplos:

<a href="#" class="button green square">Button</a>
<span class="button green square">Button</span>
<input type="button" name="button-1" value="Button" class="button green square" />

Demo | Descarga

Dejar un comentario