Generador CSS border-radius
Generador de border-radius CSS con ocho controles de esquina independientes, deslizadores y vista previa en vivo de la forma redondeada. Copia el CSS listo para usar, gratis en tu navegador.
border-radius: 50% 50% 50% 50%;Insertar
Última actualización: 2026 · Herramienta en línea gratuita
¿Qué es Generador CSS border-radius?
Generador de border-radius CSS con ocho controles de esquina independientes, deslizadores y vista previa en vivo de la forma redondeada. Copia el CSS listo para usar, gratis en tu navegador.
Cómo usar
- 1Ajustar opciones— Ajuste el estilo con deslizadores y selector de color.
- 2Verificar vista previa— Verifique el resultado en la vista previa en tiempo real.
- 3Copiar código— Copie el código CSS o SVG para usar en su proyecto.
Herramientas relacionadas
Generador CSS box-shadowGenerador de box-shadow CSS con controles de desplazamiento, desenfoque, extensión, color e inset y vista previa en vivo. Copia el CSS listo para usar, gratis en tu navegador.
Generador de degradado CSSGenerador visual de degradados CSS lineales, radiales y cónicos: añade paradas de color, ajusta el ángulo y copia el CSS. Perfecto para fondos y botones, gratis en tu navegador.
Generador CSS FlexboxPlayground de CSS Flexbox con editor visual para justify-content, align-items, flex-direction y wrap, con vista previa en vivo. Genera CSS Flexbox listo para copiar, gratis en tu navegador.
Referencia unidades CSSReferencia de unidades CSS px, em, rem, %, vw, vh, vmin, vmax y ch, ordenadas por categoría. Con explicaciones claras de cada unidad absoluta y relativa, gratis en tu navegador.
Preguntas frecuentes
Es una herramienta en línea gratuita para editar visualmente el border-radius de 8 valores.
Sí, se proporcionan presets de estilo de uso frecuente.
Sí, puede copiar directamente el código CSS generado.
No. Todo el procesamiento se realiza en el navegador.
Sí, el diseño responsive funciona en dispositivos móviles.