Página principal » Diseño web » Agregue botones pre-diseñados a su sitio con Butns.css

    Agregue botones pre-diseñados a su sitio con Butns.css

    Los frameworks frontend, como Bootstrap, vienen con su estilos de botones propios, pero ellos no suele tener mucha variedad.

    El libre Biblioteca de butns ofrece un montón de estilos de botones personalizados sin todo el marco adjunto. Esto es perfecto para desarrolladores que Ya tienes un diseño de página personalizado pero no quiero lidiar con la elaboración de sus propios estilos de botón.

    Usted tiene opciones y combinaciones prácticamente ilimitadas para elegir. Butns tiene más de 30 + diferentes colores de fondo / borde que puedes mezclar y combinar para lo tradicional botones planos o botones de pastillas o incluso botones fantasma.

    También puedes elegir entre diferentes estilos de gradiente que enganchan dos colores diferentes juntos. Estos botones de degradado se ven impresionantes con una sombra para un efecto de relieve en relieve.

    Junto con los colores y las sombras, también puedes Cambia la forma, el tamaño y la transparencia. de cualquier botón.

    Todo es controlado a través de clases de CSS, Así que realmente tienes acceso completo a todo en la biblioteca..

    Lo que más me gusta de Butns es que puedes hacerlo fácilmente. cambiar entre diferentes estilos sólo por actualizando un nombre de clase. No hay un sistema demasiado complejo para agregar estilos o editar una hoja de estilo. Simplemente intercambias clases, y estás listo para ir.

    Aunque no hay daño en sobrescribiendo algunas de estas clases con tus propias preferencias. Esa es la belleza del efecto cascada en CSS.

    Para empezar solo descargar el .css expediente desde la página de inicio de Butns o desde el repositorio de GitHub. Ambos enlazan a la versión más actualizada, por lo que de cualquier manera está bien.

    Una vez que se agrega a su página web, simplemente añadir la clase .botón A cualquier cosa que quieras que tenga forma de botón. A partir de ahí es cuestión de añadiendo clases extras basado en los colores, el tamaño y el estilo del botón que desea.

    Eche un vistazo a la página de GitHub cerca de la lista de clases. Encontrarás un lista completa de todas las clases para personalizar el color, el tipo de botón y las opciones de visualización como pequeño / grande o semitransparente.

    Butns.css es facil Una de las hojas de estilos de botones más completas. En la red. Puedes agregarlo a múltiples proyectos web, y todos ellos pueden tener una mirada diferente con esta biblioteca.

    También juega muy bien con otros marcos como Bootstrap desde el las clases no se superponen. Por lo tanto, puede fusionar Butns con casi cualquier otro marco de frontend en el mercado sin problemas..