Bttn.css - Botões CSS incríveis sob 4Kb

Com tantos trechos de código e geradores de código gratuitos, não há necessidade de reinventar a roda. Desenvolvedores inteligentes confiam em bibliotecas existentes para criar elementos de página simples, como menus de navegação e botões.

Uma dessas bibliotecas é Bttn.css, criado pelo desenvolvedor Ganapati V S. Seu trabalho é requintado e esta biblioteca de botões é uma das melhores para o desenvolvimento de frontend moderno.

Na página inicial dos botões, você pode selecionar entre tamanhos pequeno, médio e grande, junto com vários esquemas de cores. Os botões vêm pré-construído e pronto para ir, então tudo que você precisa é a biblioteca CSS real e as classes certas para seus botões.

Você pode baixar a biblioteca do GitHub ou você pode usar o Versão CDN para testes locais. Até mesmo funciona em IDEs na nuvem como CodePen, se você quer dar uma chance em seu navegador.

Bttn.css é na verdade uma biblioteca menor, oferecendo cerca de 13 estilos diferentes. Algumas delas incluem estilos de material, gradientes, botões fantasmas e os botões de pílula tradicionais usando bordas arredondadas CSS3.

Note que esta biblioteca é semelhante à biblioteca Butns usando uma ortografia encurtada de “botões” e código CSS puro.

No entanto, o Bttn.css oferece estilos variados de botões, em vez de uma grande biblioteca de elementos semelhantes. Esta é uma razão pela qual eu recomendo o Bttn.css para praticamente qualquer projeto de web de todos os 13 estilos, você é obrigado a encontrar algo que se encaixa.

Você pode ler mais neste post do Medium, escrito pelo criador do Bttn.css. Ele explica porque ele fez a biblioteca e Para que serve? em um projeto de desenvolvimento típico.

Se você está procurando documentação mais completa dê uma olhada no Repositório GitHub. Ele lista todas as classes CSS para estilos, tamanhos e cores, juntamente com detalhes de instalação usando o CDN ou um gerenciador de pacotes como o Bower..

Certifique-se também de verificar o página de demonstração para ver o que esta biblioteca pode fazer. E sinta-se à vontade para compartilhar seus pensamentos com o criador em seu Twitter @ganapativs.