Roda no navegador • Nada é enviado

Gerador de Border Radius CSS

Ajuste cada canto (ou crie formas orgânicas) com prévia em tempo real e copie o border-radius CSS.

Sup. esq.: 20px

Sup. dir.: 20px

Inf. dir.: 20px

Inf. esq.: 20px

Forma orgânica (raios diferentes H/V)

CSS

border-radius além do círculo

Cada canto pode ter um raio diferente. Indo além, a sintaxe completa do border-radius aceita raios horizontais e verticais distintos (separados por /), o que permite criar formas orgânicas (os famosos "blobs") usadas em ilustrações e fundos modernos.

Perguntas frequentes

Como faço um círculo perfeito?

Use border-radius:50% em um elemento quadrado (mesma largura e altura).

Outras ferramentas

Simulador de RAID → Calculadora de Sub-rede IPv4 → Calculadora de Sub-rede IPv6 → Conversor de Armazenamento → Calculadora de IOPS → Gerador de Senhas → Gerador de Hash → Codificador Base64 → Gerador de UUID → Gerador de Endereços MAC → Validador de CPF e CNPJ → Gerador de QR Code → Consulta de IP (IPv4 e IPv6) → Calculadora de Uptime / SLA → Ver todas as ferramentas →