Gerador de Border Radius CSS
Crie formas arredondadas customizadas com 8 controles independentes (4 cantos × 2 eixos). Veja o preview em tempo real e copie o CSS pronto. Tudo no navegador.
Cantos (raios)
Superior esquerdo
Superior direito
Inferior direito
Inferior esquerdo
Como funciona?
A propriedade border-radius aceita até 8 valores — quatro para os raios horizontais e quatro para os verticais —, separados por /. Esta ferramenta gera a sintaxe completa, então você pode criar formas orgânicas que vão muito além de cantos arredondados simples (blobs, gotas, lentes).
Use % para que o raio escale com o tamanho do elemento (ideal para responsivos), px para um raio fixo, ou em/rem para escalar com o tipográfico. Tudo roda no navegador.
Ferramentas Relacionadas
Decodificador Pix
Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.
Buscador de Ícones
Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.
Formatador .env
Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.