Mellor libre Xerador de raios de contorno CSS
Redondea visualmente as esquinas dos elementos, por esquina ou ligadas, px/%/em, con vista previa en directo e copia.
100% libre
Sen rexistro
Sen marca de auga
✨
Escolla Pro para obter os mellores modelos de IA - imaxes, vídeos e conversas - ademais de enviar máis, ter prioridade na fila e non ter que esperar.
Actualizar a Pro
Amor Best.Free? Compárteo
Como funciona
- Axustar os cantos. Arrastre cada control deslizante de esquina, ou manteña Ligar todas as esquinas para movelas xuntas.
- Ver a vista previa. A caixa redondease ao arrastrar; troque px,% ou em nas opcións avanzadas.
- Copiar o CSS. Prema Copiar CSS e apegue a regra de raio de contorno na folla de estilo.
Acerca desta ferramenta
Redondea as esquinas dun elemento exactamente como queira. Arrastre un control deslizante para cada unha das catro esquinas, ou mantéñaas ligadas para que un control deslizante mova as catro, mentres unha vista previa mostra o resultado. Copie o CSS do raio da beira, que se contrae a un valor único cando todas as esquinas coinciden e se expande á forma de catro valores cando difiren. As opcións avanzadas trocan a unidade entre px, % e em, para que poida construír formas de pílula e redondeos baseados en porcentaxes tamén.
Para que o usa a xente
- Tarxeta redonda, botón e esquinas da imaxe
- Crear unha pílula ou forma completamente redondeada
- Estabelecer raios diferentes nos cantos individuais
- Empregar arredondamento porcentual para círculos e óvalos
Preguntas frecuentes
Si. Desactive Ligar todos os cantos e cada control deslizante controla un canto; a CSS usará entón a forma de catro valores (superior esquerda, superior dereita, inferior dereita, inferior esquerda).
Se o activa, arrastrar calquera control deslizante move os catro cantos xuntos e a CSS contrae a un único valor.
A porcentaxe redondea en relación ao tamaño da caixa, polo que 50% nun cadrado fai un círculo e escala co elemento. Os píxeles dan un raio fixo.
Estabelece un raio grande en todos os cantos; para unha pílula verdadeira, un raio da metade da altura do elemento - ou 50% - redondea os extremos completamente.
Non. Os controles deslizantes calculan unha cadea CSS localmente no navegador.
Completamente gratuíto, sen conta e sen límites, unha ferramenta do lado do cliente sen nada que medir.
Si. Execútase no navegador, polo que o Xerador de raios de contornos CSS funciona tanto en teléfonos e tabletas como no escritorio; non hai ningún programa que instalar.
Normalmente só uns segundos para un ficheiro típico - O Xerador de raios de contornos CSS comeza a traballar no momento en que lle dá a entrada.
O uso ocasional é ilimitado, baixo un xeneroso límite de uso xusto que o mantén rápido para todos.
Todos os navegadores modernos: Chrome, Safari, Firefox e Edge. O xerador de raios de contornos CSS non precisa instalar nada máis que o navegador que xa está a usar.