Generador de border-radius CSS

1. Mueve los controles de cada esquina o deja marcada la opción Mismo valor en las 4 esquinas.
2. Elige la unidad (px, % o rem) y, si quieres crear formas orgánicas, activa las esquinas elípticas.
3. Copia la línea border-radius en su forma abreviada más corta.

Con cuatro valores, border-radius sigue el sentido de las agujas del reloj desde la esquina superior izquierda: superior izquierda, superior derecha, inferior derecha e inferior izquierda. La herramienta abrevia el código automáticamente: 8px 8px 8px 8px se convierte en 8px y 8px 0 8px 0 en 8px 0.

Con una barra (/), cada esquina tiene un radio horizontal y otro vertical, que forman arcos elípticos: así se crean formas orgánicas tipo «blob». En porcentaje, 50% convierte un cuadrado en un círculo. Para crear botones en forma de píldora, usa un valor alto en px, como 999px.