Sobre o Gerador de raio de borda
De um raio sutil de cartão a uma bolha totalmente orgânica, ajuste cada canto separadamente, vincule-os para obter arredondamento uniforme e copie a abreviatura border-radius com sintaxe de barra para cantos elípticos.
Como usar
- 1Ajuste os cantosUse os controles deslizantes para cada canto ou vincule todos os quatro para editá-los juntos.
- 2Visualize a formaAlterne entre um cartão, um botão e um quadrado para ver como o raio se comporta em diferentes tamanhos.
- 3Copie o CSSA saída usa a abreviatura de quatro valores e inclui a forma elíptica quando os cantos são diferentes.
Por que usar este gerador de raio de borda?
- Nada sai do seu dispositivo. O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
- Sem upload, aguarde. Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
- Gratuito, sem conta, sem cotas. Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.
Perguntas frequentes
Meu design é seguro para uso aqui?
Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.
Preciso criar uma conta?
Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.
Funciona em um telefone?
Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.
O que significa a barra no raio da borda?
Ele separa raios horizontais e verticais. Por exemplo, 50%/30% cria uma elipse em vez de um círculo, que é como as formas assimétricas de blob são criadas.
Como faço um círculo perfeito?
Defina a largura e a altura do elemento iguais e aplique border-radius: 50%. Em vez disso, uma forma de pílula usa um raio igual à metade da altura do elemento.