Actualización inmediata
La vista previa cambia con cada ajuste.
Generador de botones CSS
Configura propiedades visualmente, observa el resultado en tiempo real y copia el código CSS.
La configuración y el código CSS permanecen en tu navegador.
Generador de botones CSS
Vista previa
Tervix button
CSS
.button {
padding: 14px 28px;
border: 0;
border-radius: 12px;
background: linear-gradient(120deg, #10b981, #2563eb);
box-shadow: 0 6px 18px #0005;
transition: transform .2s, filter .2s;
}
.button:hover { filter: brightness(110%); transform: translateY(-2px); }
.button:active { transform: scale(0.96); }Cómo usar generador de botones css
- 1
Ajusta visualmente cada propiedad con los controles.
- 2
Comprueba el resultado en la vista previa en tiempo real.
- 3
Copia el valor, el bloque completo o exporta el archivo CSS.
CSS visual listo para usar
Código reutilizable
Copia el valor o la declaración completa.
Sin dependencias
El resultado utiliza propiedades CSS estándar.
Preguntas frecuentes
¿Cómo funciona css button?
Los controles se convierten en propiedades CSS y se aplican inmediatamente a la vista previa.
¿Puedo usar el código en cualquier proyecto?
Sí. Copia la declaración generada y adáptala al selector de tu proyecto.
¿Tervix guarda mi diseño?
No. Todo se genera localmente y se reinicia al recargar la página.