OneKitTools logoOneKitTools

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

  1. 1Arraste os controles deslizantes dos cantos ou insira valores exatos para cada canto.
  2. 2Ative 'Vincular todos os cantos' para ajustar todos os cantos simultaneamente.
  3. 3Escolha uma unidade (px ou %) para controle preciso.
  4. 4Experimente predefinições como Pílula, Círculo ou Blob para formas instantâneas.
  5. 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