O atributo border-radius (bordas arredondadas) permite a criação de layouts mais agradáveis, suavizando botões, caixas e outros componentes da tela. Esse atributo é muito utilizado por Designers de Experiência, Designers de Interface e Programadores.
A Plataforma Digital Border-radius-Previewer permite que o usuário visualize os cantos arredondados de uma caixa e altere seus valores por meio de "sliders", botões deslizáveis que representam uma contagem de 0% a 100%. Você pode conferir este projeto clicando aqui!
- ✔️ É possível alterar de forma simples todos os 8 valores para
border-radius; - ✔️ O usuário pode ver uma caixa recebendo os valores passados pelos inputs de tipo
range; - ✔️ A transição entre esses valores é feita de forma suave, facilitando a visão do antes e do depois;
- ✔️ Após atingir um resultado que o agrade, o usuário pode copiar o CSS resultante para a área de transferência;
