Toolipedia
PT
← Todas as ferramentas de texto

Gerador de botão CSS

Crie botões com degradês, sombras e efeitos de hover e copie o CSS.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de botão CSS

Crie um botão visualmente: escolha cores em degradê ou lisas, espaçamento interno, raio da borda, sombra e comportamento ao passar o mouse, depois copie o CSS. Deixe claros os estados de hover e foco e mantenha o contraste do texto alto o bastante para leitura. Uma transição de 150 a 250 milissegundos faz as mudanças de estado parecerem suaves.

Como usar: Gerador de botão CSS

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Como adiciono um efeito de hover a um botão CSS?

Escreva uma segunda regra com o seletor :hover que altere o fundo, a sombra ou o transform, e adicione uma transition ao botão base para que a mudança seja animada.

Gerador de botão CSS é grátis?

Sim. Gerador de botão CSS no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas