UTILS.
100% no navegador

Gerador de Border Radius CSS

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

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