Gerador de Border Radius CSS
Crie CSS border-radius visualmente — controle os quatro cantos individualmente ou juntos. Veja uma pré-visualização em tempo real do resultado.
Estúdio · ambiente neutro
Funcionalidades
4-corner control
Unified / independent mode
Slider + number input
Live preview & CSS code
Como Usar
1. Arraste o controle de raio — o cartão neutro mostra os cantos em tamanho real.
2. Mude para “Por canto” para ajustar cada canto separadamente.
3. Copie o CSS — ele usa a forma válida mais curta.
Perguntas Frequentes
What is border-radius?
The CSS border-radius property rounds the corners of an element's outer border edge.
Ferramentas Relacionadas
Gerador de Box Shadow CSS
Gere visualmente propriedades CSS box-shadow com controles deslizantes. Veja uma...
Gerador de Gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos visualmente. Adicione múltiplos ...
Playground CSS Flexbox
Aprenda e experimente com CSS Flexbox. Ajuste as propriedades do contêiner e obs...
Gerador de CSS Grid
Crie layouts CSS Grid visualmente. Defina linhas, colunas, espaçamentos e copie ...