Melhor Grátis Gerador de Raio de Fronteira CSS
Cantos de elementos redondos visualmente - por corner ou ligado, px/%/em - com vista prévia ao vivo e cópia.
100% livre
Sem inscrição
Sem marca de água
✨
Go Pro para os melhores modelos de IA - imagem, vídeo e chat - mais uploads maiores, prioridade na fila e sem espera.
Atualização para Pro
Amor Best.Free? Compartilhe-o
Como funciona
- Definir os cantos. Arraste cada barra de deslizamento de canto, ou mantenha Link todos os cantos em frente para movê-los juntos.
- Assista à visualização. A caixa ao vivo rola enquanto arrasta; comuta px, % ou em opções avançadas.
- Copie o CSS. Hit Copie CSS e cole a regra border-radius em sua folha de estilo.
Sobre esta ferramenta
Arrode os cantos de um elemento exatamente como você quer. Arraste um deslizante para cada um dos quatro cantos - ou mantenha-os ligados para que um deslizante se desloque para todos os quatro - enquanto uma caixa de visualização ao vivo mostra o resultado. Copie o CSS border-radio, que se desploma para um único valor quando cada esquina coincide e se expande para o formulário de quatro valores quando eles diferem. As opções Avançadas trocam a unidade entre px, % e em, para que você possa construir formas de pílulas e arredondamento baseado em porcentagens também.
Para que as pessoas o usam
- Cartão redonda, botão e cantos de imagem
- Criar uma pílula ou forma totalmente redondo
- Definir diferentes radii em cantos individuais
- Utilizar arredondamento por porcentagem para círculos e ovals
Perguntas mais frequentes
Sim. Desligar Link todos os cantos e cada barrador controla um canto; o CSS então usa a forma de quatro valores (top-esquerda, top-direita, inferior-direita, inferior-esquerda).
Com ele ligado, arrastar qualquer deslizante move todos os quatro cantos juntos e o CSS colapsa para um único valor.
Percentagem de rodas em relação ao tamanho da caixa, então 50% em um quadrado faz um círculo e escala com o elemento. Píxeles dá um raio fixo.
Coloque um grande raio em todos os cantos; para uma verdadeira pílula, um raio de metade da altura do elemento - ou 50% - redonda completamente as extremidades.
Não. Os deslizantes calculam uma corda CSS localmente no seu navegador.
Completamente livre, sem conta e sem limites - uma ferramenta do lado do cliente com nada a medir.
Sim. Ele funciona no seu navegador, então CSS Border Ray Generator funciona em telefones e tablets, bem como desktop - não há nenhum aplicativo para instalar.
Normalmente, apenas alguns segundos para um arquivo típico - CSS Border Ray Generator começa a funcionar no momento em que você dá a sua entrada.
O uso casual é ilimitado, sob um generoso bonito tampa de uso que o mantém rápido para todos.
Todos os navegadores modernos - Chrome, Safari, Firefox e Edge. CSS Gerador de Raio de Fronteira não precisa de nada instalado além do navegador que você já usa.