Generador de border-radius
Previsualiza y copia valores de border-radius CSS para cada esquina en píxeles o porcentaje.
Cómo usar
Round the corners
Enter a value for each corner and choose pixels or percent. The preview updates as you type.
- Enter top-left, top-right, bottom-right and bottom-left values.
- Choose px or percent.
- Copy the border-radius declaration.
Percent units
Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.
Preguntas frecuentes
Can corners differ?
Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.
Does it support elliptical syntax?
The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.
Herramientas relacionadas
Generador de sombras CSS
Crea sombras con controles de desplazamiento, desenfoque, expansión y color, y copia el CSS.
Generador de degradados CSS
Diseña degradados CSS lineales o radiales con vista previa en vivo y CSS listo para copiar.
Formateador CSS
Embellece CSS con una propiedad por línea y sangría uniforme.
Generador de UUID/GUID
Genera UUID aleatorios de versión 4 y cópialos uno a uno o en bloque.
Generador de hash
Calcula resúmenes MD5, SHA-1, SHA-256 y SHA-512 de cualquier texto.
Conversor de marca de tiempo
Convierte entre marcas de tiempo Unix, ISO 8601 y fechas locales legibles.