UTILS.
Privadas por padrão
⬭

Gerador de Border Radius CSS

Ajuste o raio de cada canto com pré-visualização ao vivo e copie o CSS.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →

Sobre esta ferramenta

Arredonde cada canto de uma caixa de forma independente com quatro controles deslizantes e copie a regra border-radius resultante. A pré-visualização é atualizada instantaneamente, tudo no seu navegador.

Perguntas frequentes

Em que ordem os cantos são escritos?
A forma abreviada os lista no sentido horário a partir do canto superior esquerdo: superior esquerdo, superior direito, inferior direito e inferior esquerdo.
Posso criar um círculo?
Defina cada canto com metade da largura do elemento (ou mais) em uma caixa quadrada e ela se transforma em um círculo perfeito.

Mais ferramentas