</>
Botão arredondado com seta
Um botão em formato de cápsula com uma seta para indicar continuidade.
ACERVO REUTILIZÁVEL
5 resultado(s)Códigos prontos
Veja rapidamente o que cada recurso faz. O código e a prévia só carregam quando você pedir.
DETALHES
Botão contornado
Um botão leve, com fundo transparente e contorno colorido.
O que este código faz
O estilo contornado é indicado para ações secundárias. Ao passar o ponteiro, o fundo recebe a cor do contorno e o texto fica branco.
Como usar
Use a classe .botao-contornado no elemento button. A cor principal pode ser modificada nas propriedades border, color e background.
</>
Botão com efeito hover
O botão muda de posição e cor quando o ponteiro passa sobre ele.
</>
Botão contornado
Um botão leve, com fundo transparente e contorno colorido.
</>
Botão principal azul
Um botão azul simples para destacar a principal ação de uma página.
</>
Tela inicial — Bom dia
Cria uma tela de boas-vindas simples, centralizada e pronta para personalização.