Generador de Border Radius CSS
Generador de Border Radius CSS en línea gratuito. Visualiza y genera código border-radius para las cuatro esquinas. Soporta unidades px y %.
Genere valores CSS border-radius visualmente con vista previa en tiempo real. Cree esquinas redondeadas y formas orgánicas para botones, tarjetas y componentes UI.
Generador de Border Radius CSS
Generador de Border Radius CSS en línea gratuito. Visualiza y genera código border-radius para las cuatro esquinas. Soporta unidades px y %.
Acerca de esta herramienta
Genere valores CSS border-radius visualmente con vista previa en tiempo real. Cree esquinas redondeadas y formas orgánicas para botones, tarjetas y componentes UI.
Configuración de Radio
Propiedades de la Caja
Color de Fondo
Color de la Caja
Configuración de Radio
px
Arriba Izquierda (10px)
Arriba Derecha (10px)
Abajo Derecha (10px)
Abajo Izquierda (10px)
La salida aparece aquí ...
Vista Previa
Código CSS
Configuración de Radio
Propiedades de la Caja
Color de Fondo
Color de la Caja
Configuración de Radio
px
Arriba Izquierda (10px)
Arriba Derecha (10px)
Abajo Derecha (10px)
Abajo Izquierda (10px)
Preguntas Frecuentes
Preguntas y respuestas frecuentes sobre este tema.
¿Puedo establecer radios diferentes para cada esquina?
Sí, personalice cada esquina de forma independiente — arriba izquierda, arriba derecha, abajo derecha y abajo izquierda — o establezca todas a la vez con el control 'Todas las Esquinas'.
¿Qué unidades se admiten?
Se admiten tanto píxeles (px) como porcentajes (%). Use porcentajes para crear formas responsivas como círculos (50%) o formas de píldora.
¿Puedo crear círculos o formas de píldora?
Sí, establezca todas las esquinas al 50% para un círculo perfecto en un elemento cuadrado, o use valores grandes de píxeles para una forma de píldora en elementos rectangulares.
¿Mis datos se envían a algún servidor?
No, la generación de CSS border-radius se maneja completamente en su navegador. Sus valores de radio se procesan localmente — no se sube ningún dato.