Generador de radio de borde

Controla cada esquina de forma independiente y obtén una vista previa de las formas redondeadas. Copie CSS de radio de borde abreviado o abreviado.

Border Radius Generator

Live

CSS output

border-radius: 24px;

Key capabilities

  • Controle cada esquina de forma independiente y obtenga una vista previa de las formas redondeadas con CSS listo para copiar.
  • Se ejecuta en tu navegador
  • Gratis para usar

Cómo usar

  1. Arrastre el radio de cada esquina.
  2. Opcionalmente, desbloquea las esquinas vinculadas.
  3. Copie el CSS del radio del borde.

How this tool works

  1. Arrastre el radio de cada esquina.
  2. Opcionalmente, desbloquea las esquinas vinculadas.
  3. Copie el CSS del radio del borde.

Recommended settings

  • Utilice primero las opciones predeterminadas y luego ajústelas si es necesario

Supported formats

Text / on-page input

File size and limits

  • Las vistas previas multicapa muy complejas pueden parecer más lentas en teléfonos más antiguos.

Privacy

Los generadores de color y CSS se ejecutan completamente en su navegador. Las vistas previas y las conversiones nunca cargan tus estilos.

Common use cases

  • Utilice el Generador de radio de borde siempre que lo necesite: controle cada esquina de forma independiente y obtenga una vista previa de las formas redondeadas con CSS listo para copiar.

Troubleshooting

La vista previa se ve diferente después de pegar

Verifique si hay CSS competitivo en su página (restablecimientos, colores heredados). Primero copie la regla generada en una hoja de estilo aislada.

Preguntas frecuentes

¿Esto carga mi CSS?

No. Los generadores y convertidores se ejecutan en su navegador con vista previa en vivo.

¿Necesito una cuenta?

No. Abra la herramienta, modifique los controles y copie el CSS.

Herramientas relacionadas