Gerador de Raio de Borda

Gerador de Border Radius CSS

Desenhe visualmente cantos arredondados para os seus elementos CSS. Ajuste cada canto de forma independente, utilize raios elípticos, escolha entre predefinições e copie o código CSS — tudo com uma pré-visualização em tempo real.

Como usar

Escolha o modo simples para definir todos os cantos de uma vez, ou mude para o modo avançado para controlo individual de cada canto. Ative o modo elíptico para raios horizontais e verticais separados. Utilize a galeria de predefinições para formas comuns como círculos, pílulas e squircles. Copie o CSS gerado quando estiver satisfeito com o resultado.

Características

• Modo Simples e Avançado – Cantos uniformes ou controlo individual para cada canto
• Raio Elíptico – Defina raios horizontais e verticais separados por canto para formas complexas
• Seleção de Unidade – Alterne entre px, %, em e rem
• Galeria de Predefinições – Círculo, pílula, cartão arredondado, squircle, blob orgânico, balão de fala e mais
• Visualização ao Vivo – Veja o seu border radius aplicado a uma caixa de pré-visualização em tempo real
• Copiar CSS – Cópia com um clique do CSS shorthand otimizado