Como usar o gerador de raio de borda
- Use um controle deslizante para todos os cantos ou desmarque-o para definir cada canto.
- Assista à prévia.
- Copie a linha do raio da borda.
A ordem abreviada
Com quatro valores, border-radius vai no sentido horário a partir do canto superior esquerdo: canto superior esquerdo, canto superior direito, canto inferior direito, canto inferior esquerdo. Quando todos os cantos coincidem, a ferramenta escreve um único valor.
Exemplos
raio da borda: 24px;
raio da borda: 40px 8px 40px 8px;