CSS Button Generator

Diseña botones CSS profesionales: color, bordes, sombras y estilos de hover.

Diseño

Controles

Configura colores, forma, espaciado y efecto del botón CSS.

Color de fondo

Color de texto

Border-radius

030

Padding horizontal

060

Padding vertical

040

Tamaño de fuente

1232

Efecto hover (oscurecer + lift)

Vista previa

CSS generado

.btn { background: #8B5CF6; color: #FFFFFF; border: none; border-radius: 10px; padding: 10px 20px; font-size: 16px; transition: all 0.2s ease; cursor: pointer; } .btn:hover { filter: brightness(0.92); transform: translateY(-1px); }

El CSS se genera en tu navegador: no se envía ningún dato a un servidor.