Adicione botões pré-projetados ao seu site com Butns.css

Estruturas front-end, como o Bootstrap, vêm com suas estilos de botão próprios, mas eles geralmente não tem muita variedade.

O livre Butns library ofertas uma enorme quantidade de estilos de botões personalizados sem toda a estrutura anexada. Isso é perfeito para desenvolvedores que já tem um design de página personalizado mas não quer lidar com a criação de seus próprios estilos de botão.

Você tem escolhas e combinações praticamente ilimitadas para escolher. Butns tem mais de 30 cores diferentes de fundo / borda que você pode misturar e combinar para os tradicionais botões planos ou botões de pílula ou até mesmo botões fantasma.

Você também pode escolher entre estilos de gradiente diferentes que mesclam duas cores diferentes juntas. Esses botões de gradiente são incríveis com uma sombra projetada para um efeito de relevo elevado.

Juntamente com cores e sombras, você também pode mudar a forma, tamanho e transparência de qualquer botão.

Tudo é controlado via classes CSS, então você realmente tem acesso completo a tudo na biblioteca.

O que eu mais gosto sobre o Butns é que você pode facilmente alternar entre diferentes estilos apenas por atualizando um nome de classe. Não há um sistema excessivamente complexo de adicionar estilos ou editar uma folha de estilo. Você acabou de trocar aulas e está pronto para ir.

Embora não haja nenhum mal em sobrescrevendo algumas dessas classes com suas próprias preferências. Essa é a beleza do efeito cascata em CSS.

Para começar apenas Faça o download do .css Arquivo da página inicial do Butns ou do repositório do GitHub. Ambos linkam para a versão mais atualizada, de modo que qualquer maneira é OK.

Uma vez que é adicionado à sua página web, apenas anexe a turma .botão para qualquer coisa que você queira ter como um botão. De lá, é uma questão de adicionando classes extras com base nas cores, tamanho e estilo do botão que você deseja.

Dê uma olhada na página do GitHub perto da lista de classes. Você encontrará um lista completa de todas as classes para personalizar a cor, o tipo de botão e exibir opções como pequeno / grande ou semitransparente.

Butns.css é facilmente uma das mais abrangentes folhas de estilo de botão Na internet. Você pode adicioná-lo a vários projetos da Web e todos eles podem tem uma aparência diferente com esta biblioteca.

Isso também joga bem com outros frameworks tais como Bootstrap desde o as classes não se sobrepõem. Então você pode mesclar Butns com quase qualquer outra estrutura de frontend no mercado sem problemas.