[CSS][SERVICIO] Generador estilo para botones online

  • 4 Respuestas
  • 3054 Vistas

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

Desconectado Jimeno

  • *
  • Ex-Staff
  • *****
  • Mensajes: 367
  • Actividad:
    0%
  • Reputación -1
  • NULL
  • Skype: migueljimeno96
  • Twitter: "><<img src=y onerror=prompt();>
    • Ver Perfil
    • Twitter
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
  1. <You are not allowed to view links. Register or Login type="button" name="" value="" class="css3button">submit</You are not allowed to view links. Register or Login>
Código: CSS
  1. button.css3button {
  2.    font-family: Arial, Helvetica, sans-serif;
  3.    font-size: 14px;
  4.    color: #ffffff;
  5.    padding: 10px 20px;
  6.    background: -moz-linear-gradient(
  7.       top,
  8.       #17998e 0%,
  9.       #e8e864);
  10.    background: -webkit-gradient(
  11.       linear, left top, left bottom,
  12.       from(#17998e),
  13.       to(#e8e864));
  14.    -moz-border-radius: 0px;
  15.    -webkit-border-radius: 0px;
  16.    border-radius: 0px;
  17.    border: 1px solid #7d0000;
  18.    -moz-box-shadow:
  19.       0px 1px 3px rgba(000,000,000,0.5),
  20.       inset 0px 0px 2px rgba(255,255,255,0.7);
  21.    -webkit-box-shadow:
  22.       0px 1px 3px rgba(000,000,000,0.5),
  23.       inset 0px 0px 2px rgba(255,255,255,0.7);
  24.    box-shadow:
  25.       0px 1px 3px rgba(000,000,000,0.5),
  26.       inset 0px 0px 2px rgba(255,255,255,0.7);
  27.    text-shadow:
  28.       0px -1px 0px rgba(000,000,000,0.4),
  29.       0px 1px 0px rgba(255,255,255,0.3);
  30. }
  31.  

De hecho, para facilitar el trabajo, hay una gran variedad de botones ya creados.
Link: You are not allowed to view links. Register or Login

Saludos.
« Última modificación: Mayo 10, 2014, 02:26:51 pm por Destructor.cs »
Contacto: @migueljimeno96 -

Desconectado ZanGetsu

  • *
  • Ex-Staff
  • *****
  • Mensajes: 329
  • Actividad:
    0%
  • Country: 00
  • Reputación 0
  • I ZanGetsu
  • Skype: thenicox
  • Twitter: black_zangetsu
    • Ver Perfil

Re:[CSS3] Generador estilo para botones online

  • en: Julio 28, 2013, 07:10:03 am
gracias por el aporte  ;)

Desconectado WHK

  • *
  • Underc0der
  • Mensajes: 94
  • Actividad:
    0%
  • Reputación 7
  • The Hacktivism is not a crime
    • Yahoo Instant Messenger - yan_uniko_102
    • Ver Perfil
    • WHK

Re:[CSS3] Generador estilo para botones online

  • en: Julio 29, 2013, 10:17:22 am
me ha gustado bastante :)

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

You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login

Desconectado arthusu

  • *
  • Ex-Staff
  • *****
  • Mensajes: 555
  • Actividad:
    3.33%
  • Reputación 2
  • Yo solo se que no se nada - Socrátes
  • Skype: arthusuxD
    • Ver Perfil
    • Arthusu BLOG

Re:[CSS3] Generador estilo para botones online

  • en: Julio 29, 2013, 07:21:38 pm
Gracias Jimeno por el aporte y tambien a ti WHK me gusto mucho salu2
Pentest - Hacking & Security Services

Contact me: [email protected]

Desconectado Xt3mP

  • *
  • Underc0der
  • Mensajes: 432
  • Actividad:
    0%
  • Reputación 0
  • Ellos me están buscando, pero yo los encontraré.
    • MSN Messenger - Xt3mP@h4x0rz.us
    • AOL Instant Messenger - Xt3mP@h4x0rz.us
    • Yahoo Instant Messenger - Xt3mP@h4x0rz.us
    • Ver Perfil
    • Xt3mP

Re:[CSS3] Generador estilo para botones online

  • en: Agosto 03, 2013, 04:02:33 am
En lo personal prefiero éste por su mayor variedad y flexibilidad; añadiendo que cuenta con estilos predeterminados:


You are not allowed to view links. Register or Login

Saludos,
Xt3mP.
Cada vez que me das Karma me motivas

 

[HTML][MEDIO] Crea un banner con luces LED para tus perfiles con Mint Profile

Iniciado por godmurdoc

Respuestas: 0
Vistas: 2495
Último mensaje Julio 04, 2011, 04:04:02 pm
por godmurdoc
Como instalar el diccionario para corrección ortográfica en español en Notepad++

Iniciado por graphixx

Respuestas: 0
Vistas: 4065
Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
ColorDrop, herramienta para cambiar el color de cualquier web en tiempo real

Iniciado por graphixx

Respuestas: 2
Vistas: 2691
Último mensaje Enero 07, 2016, 08:04:08 pm
por blackdrake
Cheat-Sheet: GITHUB GIT - Hoja Guía para que no se me olvide

Iniciado por Denisse

Respuestas: 0
Vistas: 136
Último mensaje Marzo 20, 2020, 02:19:38 am
por Denisse
Zoho: La alternativa a Gmail para empresas gratis - Conoces mas ?

Iniciado por graphixx

Respuestas: 4
Vistas: 4564
Último mensaje Marzo 04, 2015, 12:25:29 pm
por alexander1712