Generador de botones CSS gratuito

Crea botones atractivos y responsivos para tu sitio web. Elige entre más de 70 estilos prediseñados o personaliza los tuyos con nuestros controles avanzados.

Vista previa

CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Propiedades

Ajustes preestablecidos

Related Tools

Crea hermosos degradados CSS sin esfuerzo

Genera impresionantes degradados lineales, radiales y cónicos con nuestra interfaz intuitiva. Copia el código CSS y utilízalo en tus proyectos al instante.

Generador de transiciones CSS3

Transición de opacidad suave

Minificador CSS

Comprima y optimice su código CSS con precisión profesional

Calculadora de hash Shake-128

Genera hash Shake-128 de forma rápida y sencilla.

Contar palabras, caracteres y más

Obtén estadísticas detalladas sobre tu texto con nuestra precisa herramienta de recuento de palabras.

Calculadora de hash SHA-224

Genere hash SHA-224 de forma rápida y sencilla.