Gerador de raio de borda
Controle cada canto de forma independente e visualize formas arredondadas. Copie CSS de raio de borda abreviado ou extenso.
Border Radius Generator
LiveCSS output
border-radius: 24px;
Key capabilities
- Controle cada canto de forma independente e visualize formas arredondadas com CSS pronto para cópia.
- Executa no seu navegador
- Grátis para usar
Como usar
- Arraste o raio de cada canto.
- Opcionalmente, desbloqueie cantos vinculados.
- Copie o CSS do raio da borda.
How this tool works
- Arraste o raio de cada canto.
- Opcionalmente, desbloqueie cantos vinculados.
- Copie o CSS do raio da borda.
Recommended settings
- Use as opções padrão primeiro e depois ajuste se necessário
Supported formats
Text / on-page input
File size and limits
- Visualizações multicamadas muito complexas podem parecer mais lentas em telefones mais antigos.
Privacy
Os geradores de cores e CSS são executados inteiramente no seu navegador. Pré-visualizações e conversões nunca carregam seus estilos.
Common use cases
- Use o Border Radius Generator sempre que precisar: controle cada canto de forma independente e visualize formas arredondadas com CSS pronto para cópia.
Troubleshooting
A visualização parece diferente depois de colar
Verifique se há CSS concorrentes em sua página (redefinições, cores herdadas). Copie primeiro a regra gerada em uma folha de estilo isolada.
Perguntas frequentes
Isso carrega meu CSS?
Não. Geradores e conversores são executados em seu navegador com visualização ao vivo.
Eu preciso de uma conta?
Não. Abra a ferramenta, ajuste os controles e copie o CSS.
Ferramentas relacionadas
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Clip Path Generator
Build polygon and shape clip-paths with an interactive preview.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool