Agregue botones prediseñados a su sitio con Butns.css

Los marcos frontend, como Bootstrap, vienen con sus propios estilos de botones, pero generalmente no tienen mucha variedad .

La biblioteca Butns gratuita ofrece una gran cantidad de estilos de botones personalizados sin el marco completo adjunto. Esto es perfecto para los desarrolladores que ya tienen un diseño de página personalizado, pero no quieren trabajar con la creación de sus propios estilos de botones.

Tienes opciones y combinaciones prácticamente ilimitadas para elegir. Butns tiene más de 30 colores diferentes de fondo / borde que puedes mezclar y unir para botones planos tradicionales o botones de pastillas o incluso botones fantasmas .

También puede elegir entre diferentes estilos de degradado que unen dos colores diferentes. Estos botones degradados se ven increíbles con una sombra paralela para un efecto de relieve elevado.

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

Todo se controla a través de clases de CSS, por lo que realmente tiene acceso completo a todo en la biblioteca.

Lo que más me gusta de Butns es que puedes cambiar fácilmente entre diferentes estilos simplemente actualizando un nombre de clase . No hay un sistema excesivamente complejo para agregar estilos o editar una hoja de estilos. Simplemente intercambias clases y estás listo para empezar.

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

Para comenzar, solo descargue el archivo .css desde la página de inicio de Butns o desde el repositorio de GitHub. Ambos se vinculan a la versión más actualizada, por lo que en ambos casos está bien.

Una vez que se haya agregado a su página web, solo agregue la clase .button a cualquier elemento que desee con la forma de un botón. A partir de ahí, se trata de agregar clases adicionales según los colores, el tamaño y el estilo del botón que desee.

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

Butns.css es fácilmente una de las hojas de estilo de botón más completas en la web. Puede agregarlo a múltiples proyectos web, y todos ellos pueden tener un aspecto diferente con esta única biblioteca.

También funciona muy bien con otros frameworks como Bootstrap ya que las clases no se superponen . Por lo tanto, puede fusionar Butns con casi cualquier otro framework de frontend en el mercado sin complicaciones.