Preview em Tempo Real

Largura

Altura

Cor

Animar Preview Gera @keyframes CSS morphing

Código CSS Gerado

border-radius

border-radius: 50%;

Propriedades individuais

Modo de Edição

Unidade:

Todos os cantos

↖ Superior Esq.

Valor 50%

↗ Superior Dir.

Valor 50%

↘ Inferior Dir.

Valor 50%

↙ Inferior Esq.

Valor 50%

Presets de Formas

Ações

Sobre o border-radius CSS

Sintaxe Simples

Use um único valor para arredondar todos os cantos igualmente, ou defina 4 valores separados por espaço para controle individual: border-radius: TL TR BR BL

Sintaxe Blob (8 pontos)

A barra / separa raios horizontais e verticais. Ex: 60% 40% 30% 70% / 60% 30% 70% 40% para formas orgânicas únicas.

Unidades Suportadas

Use % para valores relativos ao elemento, px para pixels absolutos, em relativo ao tamanho de fonte atual e rem relativo à fonte raiz.