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?

Editor CSS border-radius online gratuito com 8 controles de alça

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.

É 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.