Gerador de Border-Radius CSS
Crie valores CSS border-radius visualmente. Ajuste cada canto, vincule-os ou crie formas elípticas. Copie o código CSS. Grátis, 100% no seu navegador.
Visualização
Saída CSS
Referência
O que é border-radius?
A propriedade CSS border-radius arredonda os cantos de um elemento. Aceita valores em px, %, em e outras unidades. Um valor de 50% cria um círculo perfeito em elementos quadrados.
Sintaxe
Um valor — aplica-se aos quatro cantos. Dois valores — superior-esquerdo/inferior-direito e superior-direito/inferior-esquerdo. Quatro valores — superior-esquerdo, superior-direito, inferior-direito, inferior-esquerdo (sentido horário).
Cantos elípticos
Com a sintaxe border-radius: 50px / 25px, os raios horizontal e vertical podem ser definidos separadamente para criar formas elípticas. O valor antes da barra define a curvatura horizontal, e o valor depois a curvatura vertical.
Privacidade
Todo o processamento é executado 100% no seu navegador. Nenhum dado é enviado a servidores.