Buenas a todos.
Quería compartir con ustedes este pequeño pero a la vez eficaz servicio que nos proporciona una interfaz gráfica a la hora de crear el estilo para nuestros botones en CSS3.
Con un par de clics y cambios de colores en su genial interfaz, nos proporciona un código de lo más completo, vean este ejemplo:
<button type="button" name="" value="" class="css3button">submit</button>
button.css3button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: -moz-linear-gradient(
top,
#17998e 0%,
#e8e864);
background: -webkit-gradient(
linear, left top, left bottom,
from(#17998e),
to(#e8e864));
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 1px solid #7d0000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
De hecho, para facilitar el trabajo, hay una gran variedad de botones ya creados.
Link: css3button.net (http://css3button.net)
Saludos.
gracias por el aporte ;)
me ha gustado bastante :)
acá dejo otros links que tambien pueden servir como servicio 2.0 al igual que este:
http://www.colorzilla.com/gradient-editor/
http://www.patternify.com/
http://preloaders.net/
http://converticon.com/
http://www.colorpicker.com/
http://fortawesome.github.io/Font-Awesome/icons/
Gracias Jimeno por el aporte y tambien a ti WHK me gusto mucho salu2
En lo personal prefiero éste por su mayor variedad y flexibilidad; añadiendo que cuenta con estilos predeterminados:
(http://i.imgur.com/BnI9Aen.png)
http://www.bestcssbuttongenerator.com/
Saludos,
Xt3mP.