[CSS][SERVICIO] Generador estilo para botones online

Iniciado por Jimeno, Julio 28, 2013, 05:00:06 AM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario
Julio 28, 2013, 05:00:06 AM Ultima modificación: Mayo 10, 2014, 02:26:51 PM por Destructor.cs
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:
Código: html5
<button type="button" name="" value="" class="css3button">submit</button>

Código: css
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: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Saludos.
Contacto: @migueljimeno96 -
Julio 28, 2013, 07:10:03 AM #1
gracias por el aporte  ;)
Julio 29, 2013, 10:17:22 AM #2
me ha gustado bastante :)

acá dejo otros links que tambien pueden servir como servicio 2.0 al igual que este:

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
- No tienes permitido ver los links. Registrarse o Entrar a mi cuenta - No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Julio 29, 2013, 07:21:38 PM #3
Gracias Jimeno por el aporte y tambien a ti WHK me gusto mucho salu2
Pentest - Hacking & Security Services

Contact me: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Agosto 03, 2013, 04:02:33 AM #4
En lo personal prefiero éste por su mayor variedad y flexibilidad; añadiendo que cuenta con estilos predeterminados:


No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Saludos,
Xt3mP.
Cada vez que me das Karma me motivas
Imprimir
Ir Arriba Páginas1
Acciones del Usuario