O que é o Border Radius Generator?

O nosso Border Radius Generator é uma ferramenta online gratuita que ajuda você a criar efeitos precisos de CSS border-radius para seus projetos web.

Quais navegadores são suportados?

O código CSS gerado é compatível com a maioria dos navegadores modernos, incluindo Chrome, Firefox, Safari e Edge.

Sim, você pode ajustar o border radius para cada canto separadamente para alcançar o efeito desejado.

Nossa ferramenta não armazena nenhum dado de usuário ou código gerado. Todas as suas informações permanecem seguras e privadas.

Sim, você pode usar nosso Border Radius Generator para projetos pessoais e comerciais, completamente gratuito.

Gere border-radius de CSS visualmente.

Link all corners

Top Left: 8px

Top Right: 8px

Bottom Right: 8px

Bottom Left: 8px

Preview

CSS

border-radius: 8px;

Ajuste o border radius para o formato desejado arrastando os handles nos cantos.

Veja imediatamente o efeito de suas alterações na área de preview.

Obtenha seu código CSS gerado e use-o em seu projeto para alcançar o efeito de border radius desejado.

Generate CSS box-shadow with live visual preview.

Generate linear and radial CSS gradients visually.

Format and beautify CSS code online.