RevealTheme logo

Generador de Border Radius CSS

Crea valores complejos de border-radius en CSS de forma visual. Control independiente de cada esquina.

border-radius: 20px 20px 20px 20px;

¿Qué es el Generador de Border Radius CSS?

La propiedad border-radius de CSS acepta hasta cuatro valores, uno por esquina, en el orden superior izquierda, superior derecha, inferior derecha e inferior izquierda. Combina radios distintos para formas orgánicas tipo gota, tarjetas asimétricas o estilos de bocadillo de diálogo. Esta herramienta te permite ajustar cada esquina con deslizadores y ver el resultado en tiempo real.

Preguntas frecuentes

¿Y los radios elípticos?
border-radius también admite dos valores por esquina separados por /, creando elipses en lugar de círculos. Para un uso básico, basta con un solo valor por esquina.

Herramientas relacionadas