Pular para o conteúdo
Design e Cor

Gerador de raio de borda

De um raio sutil de cartão a uma bolha totalmente orgânica, ajuste cada canto separadamente, vincule-os para obter arredondamento uniforme e copie a abreviatura border-radius com sintaxe de barra para cantos elípticos.

4 minutos de leituraAtualizado 2026-11-04

Fatos importantes

Categoria
Design e Cor
Preço
Livre
Conta
Não obrigatório
Processamento
No seu navegador
Entrada
Arquivos locais ou dados colados
Plataforma
Navegadores modernos para desktop e dispositivos móveis

O que isso faz

De um raio sutil de cartão a uma bolha totalmente orgânica, ajuste cada canto separadamente, vincule-os para obter arredondamento uniforme e copie a abreviatura border-radius com sintaxe de barra para cantos elípticos.

Controle cada canto de forma independente e visualize formas e pílulas orgânicas.

Como usar

Aqui está a versão resumida do uso de Gerador de raio de borda.

  • Ajuste os cantos — Use os controles deslizantes para cada canto ou vincule todos os quatro para editá-los juntos.
  • Visualize a forma — Alterne entre um cartão, um botão e um quadrado para ver como o raio se comporta em diferentes tamanhos.
  • Copie o CSS — A saída usa a abreviatura de quatro valores e inclui a forma elíptica quando os cantos são diferentes.

Recursos que importam

O que Gerador de raio de borda faz bem.

  • Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
  • Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
  • Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.

Perguntas frequentes

Meu design é seguro para uso aqui?

Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.

Preciso criar uma conta?

Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.

Funciona em um telefone?

Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.

O que significa a barra no raio da borda?

Ele separa raios horizontais e verticais. Por exemplo, 50%/30% cria uma elipse em vez de um círculo, que é como as formas assimétricas de blob são criadas.

Como faço um círculo perfeito?

Defina a largura e a altura do elemento iguais e aplique border-radius: 50%. Em vez disso, uma forma de pílula usa um raio igual à metade da altura do elemento.

Abra Gerador de raio de borda

Experimente agora – ele roda no seu navegador e não precisa de conta.

Abra a ferramenta