Gerador de Border Radius
Arredonde cada canto com controles 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 você define aqui é enviado para o BroBroGo.
FAQ
Como funcionam os quatro cantos e a diferença entre px e %?
Os quatro controles deslizantes mapeiam, em sentido horário, os cantos superior esquerdo, superior direito, inferior direito e inferior esquerdo. Em pixels, o canto arredonda em um valor fixo; em porcentagem, ele arredonda em relação à caixa — uma porcentagem horizontal segue a largura e uma vertical segue a altura, de modo que 50% transforma um quadrado em um círculo.
O que faz o modo elíptico?
Desativado, cada canto é um quarto de círculo com um único raio. Ative-o e cada canto ganha um raio horizontal e vertical separado, que é como você cria formas orgânicas de "gota" (blob). O gerador escreve a sintaxe com barra de dois valores para você e volta para a forma curta assim que os cantos forem redondos novamente.
Como faço um círculo perfeito ou uma pílula?
Vincule os cantos, mude para porcentagem e defina 50%: um quadrado vira um círculo. Para um botão em formato de pílula, mantenha em pixels e arraste um canto além da metade da altura do botão — as laterais continuam totalmente arredondadas em qualquer largura. O preset Círculo configura o primeiro caso com um clique.