Gerador CSS border-radius

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Última atualização: 2026 · Ferramenta online gratuita

O que é Gerador CSS border-radius?

Gerador CSS border-radius gratuito online com oito alças de canto independentes e controles deslizantes, que oferece prévia ao vivo da forma arredondada e gera código CSS border-radius pronto para copiar.

Como usar

1
Ajustar opções— Ajuste o estilo com controles deslizantes e seletor de cores.
2
Verificar pré-visualização— Verifique o resultado na pré-visualização em tempo real.
3
Copiar código— Copie o código CSS ou SVG para usar em seu projeto.

Ferramentas relacionadas

Gerador de gradiente CSSGerador visual gratuito de gradientes CSS: crie gradientes lineares, radiais e cônicos, ajuste os pontos de cor e o ângulo e copie o código CSS pronto para seus fundos.

Gerador CSS box-shadowGerador CSS box-shadow gratuito online com controles de deslocamento, desfoque, propagação, cor e inset, que oferece prévia ao vivo da sombra e gera código CSS box-shadow pronto para copiar.

Perguntas frequentes

É uma ferramenta online gratuita para editar visualmente o border-radius de 8 valores.

Sim, presets de estilo frequentemente usados são fornecidos.

Sim, você pode copiar diretamente o código CSS gerado.

Não. Todo o processamento é feito no navegador.

Sim, o design responsivo funciona em dispositivos móveis.