How do I use the border radius generator?

Drag the sliders for each corner or enter pixel values, then copy the generated CSS border-radius code straight into your stylesheet.

Can I set different radius for each corner?

Yes. You can control the top-left, top-right, bottom-right, and bottom-left corners independently to create custom shapes.

Is the generated CSS free to use?

Yes, the CSS is 100% free to use in any personal or commercial project with no attribution required.

← Todas las herramientas / CSS Border Radius Generator

Generador de radio de borde CSS

Diseñe formas de radio de borde personalizadas con vista previa en vivo y copia CSS con un solo clic.

Arriba a la izquierda 20px

Arriba a la derecha 20px

Abajo a la derecha 20px

Abajo a la izquierda 20px

Color de fondo

CSS

Generador de radio de borde CSS: preguntas frecuentes

Arrastre los controles deslizantes para cada esquina o ingrese valores de píxeles, luego copie el código CSS de radio de borde generado directamente en su hoja de estilo.

Sí. Puede controlar las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda de forma independiente para crear formas personalizadas.

Sí, el CSS es 100% gratuito para usar en cualquier proyecto personal o comercial sin necesidad de atribución.

Generador de radio de borde CSS

Generador de radio de borde CSS: preguntas frecuentes

¿Cómo uso el generador de radio de borde?

¿Puedo establecer radios diferentes para cada esquina?

¿El CSS generado es de uso gratuito?