Pré-visualizador CSS border-radius online e gratuito. Ajuste cada canto individualmente com pré-visualização ao vivo. Copie o código. No navegador.
O previsualizador de borda arredondada é uma ferramenta online gratuita que ajusta visualmente a propriedade CSS border-radius. Configure cada canto individualmente ou todos de uma vez com pré-visualização em tempo real. Crie círculos, elipses e formas assimétricas. Processamento no navegador, gratuito.
border-radius: 20px;
lock Os arquivos não são enviados a nenhum servidor
Como usar Pré-visualização de borda?
Ajuste os valores de raio de cada canto com os controles.
Verifique a forma na pré-visualização em tempo real.
Copie o código CSS e aplique no seu projeto.
Perguntas frequentes sobre Pré-visualização de borda
Como crio um círculo perfeito?
Aplique border-radius: 50% a um elemento quadrado para criar um círculo perfeito. Defina os quatro cantos em 50%.
Posso definir valores diferentes para cada canto?
Sim, border-radius pode ter quatro valores individuais: top-left, top-right, bottom-right, bottom-left. Isso permite formas assimétricas únicas.