Gerador de Border Radius CSS
Crie valores complexos de border-radius em CSS de forma visual. Controle independente de cada canto.
border-radius: 20px 20px 20px 20px;
O que é o Gerador de Border Radius CSS?
A propriedade border-radius do CSS aceita até quatro valores, um por canto, na ordem superior esquerdo, superior direito, inferior direito e inferior esquerdo. Combine raios distintos para formas orgânicas tipo gota, cards assimétricos ou estilos de balão de fala. Esta ferramenta permite que você ajuste cada canto com controles deslizantes e veja o resultado em tempo real.
Perguntas frequentes
E os raios elípticos?▼
Ferramentas relacionadas
Conversor de Cores (HEX/RGB/HSL)
Converta cores entre os formatos HEX, RGB e HSL. Escolha uma cor visualmente ou insira os valores manualmente.
Gerador de Box Shadow CSS
Crie valores de box-shadow em CSS de forma visual. Visualize em tempo real e copie o CSS gerado.
Gerador de Gradientes CSS
Crie gradientes CSS lineares e radiais. Escolha as cores de forma visual e copie o CSS gerado.
Gerador de Curvas de Aceleração Cubic Bezier
Crie curvas de aceleração cubic-bezier para CSS. Inclui predefinições padrão.
Gerador de Paletas de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base. Suporta esquemas complementares, análogos, triádicos e monocromáticos.
Gerador de CSS Clamp()
Gere valores CSS fluidos e responsivos com clamp(). Escala suavemente entre tamanhos mínimo e máximo ao longo dos intervalos de viewport.