Generador de Border-Radius CSS

Arrastra los controles deslizantes para establecer el radio de cada esquina de forma independiente. La vista previa se actualiza al instante — copia el CSS cuando estés satisfecho.

Vincular todas las esquinas

Arriba-izquierda 20px

Arriba-derecha 20px

Abajo-derecha 20px

Abajo-izquierda 20px

Salida CSS

Se ejecuta completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Ajusta cada esquina

Usa los cuatro controles deslizantes para ajustar de forma independiente los valores de radio de las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda.

STEP 2

Ve la vista previa en vivo

El cuadro de vista previa se actualiza en tiempo real para que puedas ver exactamente cómo quedarán las esquinas redondeadas.

STEP 3

Copia el CSS

Haz clic en «Copiar CSS» para copiar la declaración border-radius al portapapeles, lista para pegar en tu hoja de estilos.