Generador de border-radius
Ajusta el border-radius de cada esquina de forma independiente y mira cómo cambia la forma en vivo, luego copia el CSS.
Vincular todas las esquinas
Preguntas frecuentes
¿Cuál es la diferencia con poner un solo valor de border-radius?
Un solo valor redondea las cuatro esquinas por igual. Esta herramienta te deja ajustar cada esquina de forma independiente, útil para efectos como una tarjeta con solo las esquinas superiores redondeadas, o una forma «blob» asimétrica.
¿Qué unidades usa?
Píxeles. Si necesitas radios en porcentaje (para círculos/elipses perfectos sin importar el tamaño del elemento), tendrías que ajustar el CSS generado a mano, cambiando px por % en cada valor.
¿Se envía esto a algún sitio?
No, la vista previa y el CSS se generan por completo en tu navegador. No se sube nada.