Bttn.css - Botones de CSS impresionantes bajo 4Kb
Con tantos Fragmentos de CSS gratis y generadores de código, No hay necesidad de reinventar la rueda. Los desarrolladores inteligentes confían en las bibliotecas existentes para crear elementos de página simples como los menús y botones de navegación.
Una de esas bibliotecas es Bttn.css, creado por el desarrollador Ganapati V S. Su trabajo es exquisito y esta biblioteca de botones es una de las mejores para el desarrollo de frontend moderno..
En la página de inicio de botones, puede seleccionar entre Tallas pequeñas, medianas y grandes., junto con varios esquemas de color. Los botones vienen pre-construido y Listo para ir, así que todo lo que necesita es la biblioteca CSS real y las clases correctas para sus botones.
Puedes descargar la biblioteca de GitHub o puedes usar el Versión CDN para pruebas locales. Incluso trabaja en la nube IDE como CodePen si quieres darle una oportunidad en tu navegador.
Bttn.css es en realidad una biblioteca más pequeña, que ofrece alrededor de 13 estilos diferentes. Algunos de estos incluyen estilos de materiales, degradados, botones fantasma y los botones de píldoras tradicionales que utilizan bordes redondeados CSS3.
Tenga en cuenta que esta biblioteca es similar a la biblioteca de Butns en el uso de una ortografía acortada de “botones” y código CSS puro.
Sin embargo, Bttn.css ofrece diferentes estilos de botones, En lugar de una gran biblioteca de elementos similares. Esta es una de las razones por las que recomiendo Bttn.css para casi cualquier proyecto web fuera de los 13 estilos, seguramente encontrará algo que se ajuste a.
Puedes leer más en esta publicación de Medium, escrita por el creador de Bttn.css. El explica por qué hizo la biblioteca y para que sirve en un proyecto de desarrollo típico.
Si estas buscando documentación más completa echar un vistazo a la GitHub repo. Enumera todas las clases de CSS para estilos, tamaños y colores, junto con detalles de instalación utilizando el CDN o un administrador de paquetes como Bower.
Asegúrese de revisar también página de demostración Para ver qué puede hacer esta biblioteca. Y siéntase libre de compartir sus pensamientos con el creador en su Twitter @ganapativs.