🚀 Pockit chegou ao Chrome!

Pare de pesquisar no Google. Acesse as ferramentas com um clique.

Usar no Chrome (Grátis)

Privacidade Totalmente Garantida

Seus arquivos são processados diretamente no navegador e nunca saem do seu dispositivo.

Raio de Borda CSS

Suavize sua interface. Crie formas orgânicas e bordas arredondadas avançadas com controle total. Gere CSS moderno para botões e cartões.

Shape Presets

CSS Code
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;

Shape Settings

Vertical Axis

Gerador de Raio de Borda CSS Grátis - Crie Formas Únicas

Desenhe cantos arredondados únicos e formas orgânicas tipo blob com nosso gerador visual de CSS border-radius. Ajuste 4 ou 8 pontos de controle para criar curvas assimétricas, botões e elementos decorativos. Pré-visualize formas em tempo real e copie código CSS instantaneamente. Gere formas aleatórias para inspiração criativa. Perfeito para componentes de UI, molduras de perfil e design web moderno.

1Quando usar esta ferramenta?

💡Criar molduras de imagem de perfil com formas orgânicas
💡Projetar elementos decorativos de fundo únicos
💡Criar componentes de UI com sensação suave

2Funcionalidades

  • Suporte de ajuste de 4 e 8 vias (Controle Total)
  • Pré-visualização de forma em tempo real
  • Geração de forma aleatória
  • Cópia fácil de código CSS

3Como usar

  • Arraste os manipuladores em cada canto para ajustar a curvatura.
  • Ative 'Controle Total' para ajustar 8 valores individualmente.
  • Copie o código CSS quando tiver a forma desejada.
  • Explore novas formas com o botão 'Aleatório'.

Perguntas Frequentes

Q. O que significam os 8 valores?

A. Eles definem os raios horizontal e vertical de cada canto individualmente para criar curvas assimétricas.

Q. É compatível com navegadores antigos?

A. A maioria dos navegadores modernos suporta, mas versões muito antigas podem aplicar apenas 4 valores.