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

Texto

Size

Shape

Color

Ajustes preestablecidos

Related Tools

Genera transformaciones CSS3 con facilidad

Una herramienta potente e intuitiva para crear transformaciones CSS3 complejas sin necesidad de escribir código. Visualiza los cambios en tiempo real y copia el CSS generado para utilizarlo en tus proyectos.

Conversor de stylus a CSS

Transforma tu código SCSS en CSS. Rápido, fácil y seguro.

Convertidor de SCSS a CSS

Transforme su código SCSS en CSS. Rápido, fácil y seguro.

Generador de radio de borde

Una herramienta generadora de CSS para radios de borde que permite generar rápidamente declaraciones CSS para radios de borde.

Convertidor de potencia reactiva

Convierta potencia reactiva entre diferentes unidades con precisión y facilidad.

Convertidor de Base64 a CSV

Convierte datos CSV codificados en Base64 en archivos CSV descargables al instante. Funciona localmente en tu navegador sin necesidad de cargar datos.