Gerador de border-radius CSS
Defina o raio de cada canto e veja a caixa arredondada ao vivo.
Gerador de border-radius CSS
Arredonde os cantos de qualquer elemento e copie o código CSS border-radius. Defina cada canto de forma independente — superior esquerdo, superior direito, inferior direito e inferior esquerdo — e veja a caixa de pré-visualização atualizar ao vivo.
O atalho border-radius
border-radius: sup-esq sup-dir inf-dir inf-esq; no sentido horário. Um único valor arredonda os quatro cantos igualmente; valores grandes e iguais num quadrado formam um círculo. Exemplo: border-radius: 12px 12px 12px 12px;.
Perguntas frequentes
Como faço um círculo? Use border-radius: 50% num elemento quadrado.
Em que ordem vão os cantos? No sentido horário a partir do canto superior esquerdo: SE, SD, ID, IE.