Degrado en botones con Css3

Ver el tema anterior Ver el tema siguiente Ir abajo

Degrado en botones con Css3

Mensaje por letard el Lun Jun 14, 2010 8:23 pm


Aqui les traigo un tutorial para crear botones con degrado en css3, pero para esto antes instala las ultimas versiones de tu navegador, ya que esta utilidad no es compatible con versiones anteriores.

Comenzamos indicando el HTML que debes de colocar para llamar al boton en tu pagina:

Código:
<a href="#" class="button">Mi boton</a>


ahora iniciamos con lo basico para nuestro boton para esto colocamos el siguiente codigo:


Código:
a.button {
   border: 1px solid #ccc;
   padding: 10px 20px 6px;
   color: #999;
   text-decoration: none;
   font-size: 28px;
   line-height: 30px;
   background: #ddd;
   border-radius: 12px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   box-shadow: 1px 1px 2px rgba(0,0,0,.5);
   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
   text-shadow: #fff 0px 1px 1px;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
   background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
   }


Espero les haya gustado este tutorial, pronto traeremos mas

letard

Mensajes : 29
Fecha de inscripción : 13/06/2010

Ver perfil de usuario

Volver arriba Ir abajo

Re: Degrado en botones con Css3

Mensaje por ~Galli el Lun Jun 14, 2010 8:31 pm

wo, no sabia de esto:D
Gracias por compartirlo

~Galli

Mensajes : 35
Fecha de inscripción : 13/06/2010
Localización : Argentina

Ver perfil de usuario

Volver arriba Ir abajo

Re: Degrado en botones con Css3

Mensaje por andriyleu el Lun Jun 14, 2010 8:45 pm

Gracias por el codigo, un saludo letard cheers

andriyleu
Admin

Mensajes : 89
Fecha de inscripción : 13/06/2010

Ver perfil de usuario http://tutoskin.foroweb.org

Volver arriba Ir abajo

Re: Degrado en botones con Css3

Mensaje por letard el Mar Jun 15, 2010 4:16 pm

De nada.

letard

Mensajes : 29
Fecha de inscripción : 13/06/2010

Ver perfil de usuario

Volver arriba Ir abajo

Re: Degrado en botones con Css3

Mensaje por Contenido patrocinado Hoy a las 5:59 pm


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.