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
Color Converter (HEX/RGB/HSL)
Convert colors between HEX, RGB, HSL, OKLCH.
CSS Box Shadow Generator
Build CSS box-shadow visually.
CSS Gradient Generator
Build linear and radial CSS gradients.
Cubic Bezier Generator
Build CSS easing curves visually.
Color Palette Generator
Generate harmonious color palettes from any base color.
CSS Clamp Generator
Generate responsive CSS clamp() functions.