ButtonMaker, generador en línea de botones CSS

Si eres un desarrollador web o diseñador gráfico, seguro que utilizas el código CSS de vez en cuando. Los botones son un tipo de elemento de página web que a menudo están codificadas en CSS y luego incorporados en páginas web. Pero escribir el código CSS de un botón puede ser una tarea tediosa para los diseñadores, así que para facilitar el tema de los botones y su codificación aquí tenemos el generador en línea ButtonMaker de css-tricks.com, he descubierto a través de MakeUseOf. Sin duda una herramienta de gran utilidad muy sencilla de manejar.

Cuando inicias la sesión en el sitio, puedes ver un botón a la izquierda con algunas configuraciones que podemos ajustar en el panel derecho. Los ajustes incluyen tres deslizadores que se puede utilizar para modificar la forma del botón. Otros ajustes se relacionan con los colores del botón, puedes configurar todo el tema del color y los gradientes de los botones (gradiente superior, gradiente de fondo, color del borde superior, el color de fondo hover, el color del texto hover y color de fondo activo). El último ajuste es el estilo del tipo de letra, con solo tres tipografías (Helvetica, Georgia, y Lucida Grande), pero puedes añadir las que prefieras en su codificación. Para obtener el código CSS pulsa botón, y como resultado aparece una caja con el código CSS necesario, que copiamos y pegamos.

Las siguientes imágenes puedes ver el aspecto del generador y su codificación:

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo ButtonMaker, generador en línea de botones CSS:

CSS, Generadores online