Botones CSS
Diseña botones y obtén el CSS completo con estado hover incluido. Vista previa en vivo, gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Diseña un botón y obtén el CSS completo (incluye estado hover).
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo diseño un botón CSS?
Elige el color de fondo y de texto, el radio, el relleno y tu texto; pulsa Generar CSS para obtener el botón completo con estado hover.
¿Incluye el estado hover?
Sí, el código incluye el estado :hover para que el botón reaccione al pasar el cursor.
¿Cómo lo integro en mi web?
Puedes copiar el código y pegarlo en tu hoja de estilos, ajustando clases a tu proyecto.
¿Funciona en el móvil?
Sí, funciona en el móvil, la tableta y la computadora sin instalar nada.
Herramientas relacionadas de Color y diseño
Loader CSS
Crea spinners de carga animados con solo CSS: color, tamaño y velocidad a tu gusto.
Usar gratisTonos de un color
Genera tintes y sombras de cualquier color para tu paleta.
Usar gratisMezclar colores
Mezcla dos colores con la proporción que elijas y obtén el resultado al instante.
Usar gratisColor aleatorio
Genera colores aleatorios en HEX, RGB o HSL, uno o varios a la vez.
Usar gratisColor complementario
Obtén el color complementario (opuesto en la rueda cromática) de cualquier tono.
Usar gratisNombre del color
Descubre el nombre aproximado más cercano a tu color hexadecimal.
Usar gratis