Gerador de Border Radius CSS
Editor visual de border-radius com controles de canto, modo vinculado, presets e saída CSS
Sobre Gerador de Border Radius CSS
Projete valores CSS border-radius com um editor visual — ajuste cada canto independentemente, use predefinições e copie o CSS.
Como usar Gerador de Border Radius CSS
- 1Arraste os controles deslizantes dos cantos ou insira valores exatos para cada canto.
- 2Ative 'Vincular todos os cantos' para ajustar todos os cantos simultaneamente.
- 3Escolha uma unidade (px ou %) para controle preciso.
- 4Experimente predefinições como Pílula, Círculo ou Blob para formas instantâneas.
- 5Copie a saída CSS e cole na sua folha de estilos.
Dicas
- Valores baseados em porcentagem (50%) criam círculos perfeitos em elementos quadrados independente do tamanho.
- A predefinição Blob usa border-radius avançado de 8 valores para formas orgânicas e assimétricas.
- Border-radius leve (4-8px) em cards e botões faz a interface parecer moderna sem ser muito arredondada.
Ferramentas relacionadas
Equipe OneKitToolsAtualizado 2.21.4