Pagina inicial » Kit de ferramentas » Esta biblioteca de caixa de seleção oferece dezenas de estilos de caixa de seleção CSS gratuitos

    Esta biblioteca de caixa de seleção oferece dezenas de estilos de caixa de seleção CSS gratuitos

    Procurando por estilos de interface de usuário personalizada da caixa de seleção para o seu site? Dê uma olhada no Biblioteca de caixas de seleção CSS hospedado gratuitamente no GitHub.

    Esta enorme biblioteca suporta dezenas de estilos para itens de caixa de seleção, tais como controles deslizantes, desenhos de ligar / desligar, círculos e quadrados entre muitas outras formas.

    Você tenha acesso total ao código HTML / CSS, Por isso, é fácil instalá-lo e executá-lo no seu site. Sem mencionar que também é totalmente aberto e disponível para projetos pessoais e comerciais.

    Para começar, você pode visitar o repositório do GitHub e baixar todos os arquivos localmente para sua máquina. Ou você pode instalar a biblioteca via npm.

    Por padrão, cada estilo de caixa de seleção vem com sua própria classe. o caixas de seleção.min.css A folha de estilo tem tudo o que você precisa, por isso, se estiver incluído na sua página, tudo estará definido.

    Cada estilo de caixa de seleção suporta navegadores modernos e a maioria dos navegadores legados, incluindo o IE9+.

    O fluxo de trabalho desta biblioteca é talvez o mais simples que já vi. Depois de ter a folha de estilo adicionada à sua página, basta cavar todos os estilos na demonstração principal e veja o que se destaca.

    De lá, você pode escolher o que funciona melhor. Clicando no botão HTML exibe um modal com o código-fonte para essa caixa de seleção. Agora copie / cole no seu site, dê o nome / valor apropriado (se aplicável), e está tudo pronto!

    Sem complicações, muito pouca customização e, basicamente, sem necessidade de habilidades de codificação.

    Você notará cada estilo de caixa de seleção vem em um tema claro e escuro, para maior apoio. Isso significa que você não deve ter problemas em encontrar uma caixa de seleção adequada ao seu site. Além disso, você pode use classes adicionais tal como .ckbx-small ou .ckbx-xlarge para aumentar o tamanho.

    Com Mais de 25 estilos diferentes e muitas animações diferentes, Eu tenho que dizer que este CSS Checkbox Library é impressionante. Ótimo para qualquer desenvolvedor frontend que esteja procurando economizar tempo em seu fluxo de trabalho e melhorar o design da interface do usuário de qualquer formulário da web.