Gere visualmente código CSS de border-radius, com controle independente de cantos, pré-visualização em tempo real e cópia com um clique
Ferramentas de desenvolvedor
Sobre esta ferramenta
O Gerador de Border Radius permite criar visualmente valores CSS de border-radius, com controle independente de cada canto. Ele oferece uma caixa de pré-visualização em tempo real, modo vinculado para ajustes sincronizados, alternância de unidades entre px e %, formas predefinidas e cópia do código CSS gerado com um clique.
Principais recursos
- Controles deslizantes independentes para cada canto
- Pré-visualização em tempo real com atualização instantânea da forma
- Modo vinculado para ajustar todos os cantos simultaneamente
- Alternância de unidades entre pixels e porcentagem
- Formas predefinidas: quadrado, círculo, cápsula, folha, bolha, alternado
- Cópia do código CSS gerado com um clique
Casos de uso
- Criar cantos arredondados personalizados para componentes de UI e cartões
- Criar formas orgânicas de bolha para web design moderno
- Gerar rapidamente botões e campos de entrada em formato de cápsula
- Experimentar cantos arredondados assimétricos para layouts criativos
- Copiar código CSS de border-radius pronto para produção
css
border-radius
generator
preview
Perguntas frequentes
O que é o Gerador de Border Radius?
O Gerador de Border Radius é uma ferramenta online para desenvolvedores que cria valores CSS personalizados de border-radius, com controle independente de cantos, pré-visualização em tempo real e cópia com um clique. Ele é executado totalmente no seu navegador, sem enviar dados a nenhum servidor.
Posso controlar cada canto independentemente?
Sim, a ferramenta oferece controles deslizantes independentes para cada canto (superior esquerdo, superior direito, inferior esquerdo, inferior direito). Você também pode alternar o modo vinculado para ajustar todos os cantos simultaneamente.
A ferramenta suporta unidades de porcentagem?
Sim, você pode alternar entre pixels (px) e porcentagem (%) usando o seletor de unidades. Isso é particularmente útil para criar círculos ou elipses com 50% de border-radius.
Existem formas predefinidas disponíveis?
Sim, a ferramenta inclui predefinições para formas comuns como quadrado, círculo, cápsula, folha, bolha e alternado. Clique em uma predefinição para aplicar instantaneamente os valores de border-radius correspondentes.
Posso usar o Gerador de Border Radius no celular?
Sim, o Gerador de Border Radius é totalmente responsivo e compatível com todos os dispositivos, incluindo smartphones, tablets e computadores desktop.