← Todas as ferramentas de texto

Gerador de border-radius CSS

Arredonde cada canto com controles deslizantes e copie o CSS de border-radius.

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

Cerca de Gerador de border-radius CSS

Arredonde cada canto separadamente com controles deslizantes e veja a forma mudar na hora, depois copie a linha de border-radius. Usar 50 por cento em um quadrado forma um círculo, enquanto um valor em pixels muito grande em um retângulo forma uma pílula. A sintaxe de oito valores com barra permite cantos elípticos, em forma de gota.

Como usar: Gerador de border-radius 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 faço um círculo perfeito com CSS?

Dê ao elemento largura e altura iguais e depois defina border-radius como 50 por cento. Sem lados iguais, você obtém uma oval.

Gerador de border-radius CSS é grátis?

Sim. Gerador de border-radius 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