Cor e Design
Gerador de Border Radius
Gerador de border-radius CSS gratuito. Crie visualmente o raio por canto com pré-visualização ao vivo. Copie o atalho CSS. Para botões, cartões e qualquer forma arredondada.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Nota do editor
Understanding · The shape of a corner.
Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.
Perguntas frequentes
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
As pessoas também pesquisam por
Ferramentas relacionadas
More in this room.
- Gerador de GradientesGradientes CSS lineares, radiais e cónicos.
- Gerador de Box ShadowEditor visual de box-shadow CSS.
- Editor de Cubic BezierCrie curvas de easing CSS visualmente.
- Gerador de Animação CSSCrie keyframes visualmente, copie CSS pronto a usar.
- Gerador de Filtro CSSPré-visualize ao vivo desfoque, brilho, rotação de matiz e mais.
- Gerador de GlassmorphismCartões de UI com efeito de vidro fosco com backdrop-filter.