Gerador de Border Radius
Arredonde cada canto com controlos deslizantes, crie gotas orgânicas com o modo elíptico e copie o CSS instantaneamente.
Cada canto é desenhado diretamente no seu navegador. Nada do que definir aqui é carregado para o BroBroGo.
Perguntas Frequentes
Como funcionam os quatro cantos e a diferença entre px e %?
Os quatro controlos deslizantes mapeiam, no sentido dos ponteiros do relógio, os cantos superior esquerdo, superior direito, inferior direito e inferior esquerdo. Em píxeis, o canto é arredondado num valor fixo; em percentagem, é arredondado em relação à caixa — uma percentagem horizontal segue a largura e uma vertical segue a altura, pelo que 50% transforma um quadrado num círculo.
O que faz o modo elíptico?
Quando desativado, cada canto é um quarto de círculo com um único raio. Ao ativá-lo, cada canto recebe um raio horizontal e vertical separado, permitindo criar formas orgânicas de "gota" (blob). O gerador escreve a sintaxe com barra de dois valores por si e regressa à forma curta assim que os cantos voltarem a ser redondos.
Como posso criar um círculo perfeito ou uma pílula?
Associe os cantos, mude para percentagem e defina 50%: um quadrado torna-se um círculo. Para um botão em forma de pílula, mantenha em píxeis e arraste um canto para além de metade da altura do botão — as laterais mantêm-se totalmente arredondadas em qualquer largura. A predefinição Círculo configura o primeiro caso com um único clique.