Este Gerador de CSS Border-Radius é completamente gratuito?

Sim, 100% gratuito sem conta, sem assinatura e sem limites ocultos. Abra a página e comece a gerar CSS border-radius imediatamente.

A ferramenta funciona offline ou sem conexão com a internet?

Sim. A ferramenta funciona totalmente no seu navegador sem chamadas para o servidor. Depois que a página carregar, você pode desconectar da internet e ela continuará a funcionar. Seus últimos ajustes também são salvos localmente no seu navegador.

Meus dados de design são mantidos em privado?

Completamente. Nenhum dado sai do seu navegador — não há upload, nenhuma análise dos seus inputs e nenhuma armazenagem em servidor. Tudo permanece no seu dispositivo.

O que o modo Elíptico faz?

O modo Elíptico permite definir raios horizontais (x) e verticais (y) separados para cada um dos quatro cantos, produzindo a sintaxe abreviada completa do CSS border-radius com notação de barra — por exemplo, border-radius: 40% 20% / 20% 40%. Isso libera formas assimétricas e ovais que os modos Simples e Por Canto não podem criar.

Para que serve o botão Blob Randomize?

Blob Randomize usa um algoritmo aleatório criptográfico para gerar uma forma irregular orgânica atribuindo raios elípticos aleatórios a todas as oito combinações de eixos dos cantos. É ideal para criar as formas fluidas de bolhas comuns em páginas de destino modernas, avatares e fundos decorativos — com um único clique.

⬭ Gerador de CSS Border-Radius

Gerar valores de CSS border-radius perfeitos em pixels em segundos — sem conta, sem instalação, nada enviado para um servidor. Arraste os sliders para cada canto, clique em Blob Randomize para formas orgânicas, depois copie o CSS final diretamente para seu stylesheet.

Todos os Cantos

Diagrama de Canto

Privado por design. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.

Sobre

Este Gerador de CSS Border-Radius oferece três modos de edição em uma única ferramenta gratuita e offline: o modo Simples ajusta todos os quatro cantos ao mesmo tempo, o modo Por Canto permite ajustar cada canto individualmente, e o modo Elíptico libera raios horizontais e verticais separados para cada canto — o poder completo da sintaxe abreviada CSS border-radius. Um diagrama de cantos SVG ao vivo reflete todas as alterações em tempo real, e o botão Blob Randomize usa um algoritmo aleatório criptográfico para produzir formas de bolhas orgânicas populares no design de interfaces modernas. Como tudo funciona no seu navegador, seus designs permanecem privados e a ferramenta funciona mesmo sem conexão com a internet.

Como usar

Escolha um modo — Simples (todos os cantos), Por Canto ou Elíptico (raios x/y separados) — usando os botões no topo do painel de controle.
Arraste os sliders ou digite valores diretamente nos campos numéricos para definir o raio de cada canto. A pré-visualização ao vivo e o diagrama SVG são atualizados instantaneamente.
Clique em Blob Randomize para gerar uma forma aleatória de bolha orgânica usando raios elípticos independentes — ideal para elementos decorativos de UI e fundos de destaque.
Revise o CSS abreviado gerado na caixa de saída — a ferramenta aplica automaticamente a sintaxe válida mais curta (por exemplo, colapsa valores idênticos).
Clique em Copiar CSS para copiar o código para sua área de transferência, depois cole-o diretamente em seu stylesheet ou ferramenta de design.

Perguntas frequentes

Este Gerador de CSS Border-Radius é completamente gratuito?: Sim, 100% gratuito sem conta, sem assinatura e sem limites ocultos. Abra a página e comece a gerar CSS border-radius imediatamente.
A ferramenta funciona offline ou sem conexão com a internet?: Sim. A ferramenta funciona totalmente no seu navegador sem chamadas para o servidor. Depois que a página carregar, você pode desconectar da internet e ela continuará a funcionar. Seus últimos ajustes também são salvos localmente no seu navegador.
Meus dados de design são mantidos em privado?: Completamente. Nenhum dado sai do seu navegador — não há upload, nenhuma análise dos seus inputs e nenhuma armazenagem em servidor. Tudo permanece no seu dispositivo.
O que o modo Elíptico faz?: O modo Elíptico permite definir raios horizontais (x) e verticais (y) separados para cada um dos quatro cantos, produzindo a sintaxe abreviada completa do CSS border-radius com notação de barra — por exemplo, border-radius: 40% 20% / 20% 40%. Isso libera formas assimétricas e ovais que os modos Simples e Por Canto não podem criar.
Para que serve o botão Blob Randomize?: Blob Randomize usa um algoritmo aleatório criptográfico para gerar uma forma irregular orgânica atribuindo raios elípticos aleatórios a todas as oito combinações de eixos dos cantos. É ideal para criar as formas fluidas de bolhas comuns em páginas de destino modernas, avatares e fundos decorativos — com um único clique.