CSS: botones bonitos con bttn.css

¿Te gustan los botones fantasma actuales o los de Material Design? No importa qué concepto de diseño plano prefiera, estoy seguro de que la pequeña hoja de estilo bttn.css tiene uno o dos botones que le gustarán.

bttn.css: 13 botones de estilo plano diferentes

Los botones en CSS puro son la elección de los botones modernos. la hoja de estilo bttn.css hace que la creación de botones atractivos sea muy fácil. Todo lo que se necesita es la distribución de clases predefinidas.

El siguiente botón

, por ejemplo, se crea utilizando las siguientes asignaciones de clase:

<button class="bttn-slant bttn-lg bttn-success">large</button>

No hay nada más fácil que eso. bttn.css viene con trece botones en seis colores y cuatro tamaños. Cada parámetro se adjunta como una clase adicional. Sin embargo, el desarrollador podría haber hecho las definiciones de color un poco más claras. Podrías darte cuenta de eso bttn-success representa el verde, pero bttn-royal para morado, o bttn-warning porque el naranja requiere una innecesaria facultad de abstracción que ni siquiera conducirá a las asociaciones correctas en algunas partes del mundo. Lo que sea, tienes que averiguar las seis clases de color si quieres usarlas.

bttn.css, bajo peso de archivo y aplicación flexible

Cuando está comprimido, bttn.css solo pesa alrededor de 32 kb, mientras que la forma legible ocupa 42 kb. Si encuentra demasiado para unos pocos botones, también puede descargar el CSS para cada botón por separado. De esta forma, los botones pesan alrededor de 6kb por pieza. Por lo general, un botón por proyecto es suficiente si presta atención a la creación de una interfaz de usuario coherente.

Todos los parámetros pueden ser definido cómodamente, y luego se colocará en su proyecto a través del portapapeles. En la página de configuración, también encontrará la opción de descarga para los archivos CSS separados. Además de su apariencia moderna, también vienen con efectos de animación contemporáneos, que aún no se dan por sentados.

bttn.css es creado y cuidado por Ganapati Bhat, un desarrollador frontend de Bangalore en India. El proyecto está disponible para uso gratuito bajo la licencia liberal MIT. en Github. Ganapi lanzó la versión inicial a principios de noviembre de 2016 y ha estado activo desde entonces. Mientras tanto, su proyecto ha logrado ser Destacados en ProductHunt, y también ha sido tendencia en Github.