Generador de botones CSS

Personaliza tu botón visualmente y obtén HTML + CSS limpio listo para copiar con un solo clic.

Etiqueta del botón

Color de fondo

Color del texto

Usar degradado

Color final del degradado

Radio de borde (px): 10

Intensidad de sombra: 2

Relleno vertical (px): 12

Relleno horizontal (px): 28

Tamaño de fuente (px): 16

Brillo al pasar el cursor: 85%

Ancho del borde (px): 0

Color del borde

Vista previa

Código generado

Se ejecuta completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Elige colores, degradado, radio de borde, intensidad de sombra y efecto hover.

STEP 2

El botón se actualiza al instante mientras ajustas cada control.

STEP 3

Pulsa «Copiar código» para obtener el fragmento HTML + CSS listo para usar.