6XC

Generador de Border Radius CSS

Redondea cada esquina por separado o todas a la vez, en px o %, con vista previa en vivo y CSS copiable.

970 visitas

Unidad

La propiedad border-radius

El orden abreviado es border-radius: superior-izquierda superior-derecha inferior-derecha inferior-izquierda. Los píxeles dan un redondeo fijo; los porcentajes escalan con la caja — 50% en un cuadrado crea un círculo perfecto. Los valores desiguales crean formas orgánicas de "blob", populares en las secciones hero modernas.

Preguntas Frecuentes

¿Cómo hago un círculo o una píldora?

Un elemento cuadrado con border-radius: 50% se convierte en un círculo. Un rectángulo con un radio fijo grande (por ejemplo 999px) se convierte en una píldora.

¿px o % — cuál debo usar?

Usa px cuando las esquinas deban verse idénticas en todos los tamaños (tarjetas, botones). Usa % cuando el redondeo deba escalar con el elemento, como en círculos y blobs.

Herramientas Similares

Generador de Gradientes CSS Diseña gradientes CSS lineales, radiales y cónicos con vista previa en vivo y copia el código. Generar Generador de Sombra CSS (Box Shadow) Diseña una box-shadow de forma visual — desplazamientos, desenfoque, expansión, color, opacidad e inset — con vista previa en vivo. Generar Generador de Sombra de Texto CSS Diseña un text-shadow con desplazamientos, desenfoque, color y opacidad — vista previa en vivo sobre texto de muestra. Generar Generador de Bordes CSS Diseña un borde de forma visual — grosor, estilo (solid, dashed, dotted, double…), color y radio — con vista previa en vivo. Generar