Mejor gratis Generador de radios de frontera CSS
Angulos de elementos redondos visualmente — por esquina o enlazados, px/%/em — con previsualización en vivo y copia.
100% gratis
No hay registro
Sin marca de agua
Archivos procesados en memoria, nunca almacenados
✨
Go Pro para los mejores modelos de IA —imagen, video y chat— además de cargas más grandes, prioridad en la cola y sin esperar.
Actualizar a Pro
Amor best.free? Compártelo
Cómo funciona
- Establecer las esquinas. Arrastre cada deslizador de esquina, o mantenga Enlace todas las esquinas para moverlos juntos.
- Vea la vista previa. La caja en vivo se redondea mientras arrastra; cambie px, % o em en Opciones avanzadas.
- Copiar el CSS. Pulse Copiar CSS y pegar la regla de radio de borde en su hoja de estilos.
Acerca de esta herramienta
Redondea las esquinas de un elemento exactamente como lo desee. Arrastre un deslizador para cada una de las cuatro esquinas —o manténgalos conectados para que un deslizador se mueva los cuatro— mientras un cuadro de vista previa en vivo muestra el resultado. Copie el CSS de radio de borde, que se colapsa a un solo valor cuando cada esquina coincide y se expande a la forma de cuatro valores cuando difieren. Las opciones avanzadas cambian la unidad entre px, % y em, para que pueda construir formas de píldora y redondeo basado en porcentajes también.
Para qué la gente lo usa
- Tarjeta redonda, botón y esquinas de la imagen
- Crear una píldora o forma completamente redondeada
- Establecer diferentes radios en esquinas individuales
- Usar el redondeo porcentual para círculos y óvalos
Preguntas frecuentes
Sí. Desactivar Enlace todas las esquinas y cada deslizador controla una esquina; el CSS luego utiliza la forma de cuatro valores (arriba-izquierda, arriba-derecha, abajo-derecha, abajo-izquierda).
Con él encendido, arrastrando cualquier deslizador mueve las cuatro esquinas juntas y el CSS colapsa a un solo valor.
Porcentaje de rondas relativas al tamaño de la caja, por lo que el 50% en un cuadrado hace un círculo y escala con el elemento. Los píxeles dan un radio fijo.
Establecer un gran radio en todas las esquinas; para una píldora verdadera, un radio de la mitad de la altura del elemento — o 50% — redondea completamente los extremos.
No. Los deslizadores calculan una cadena CSS localmente en su navegador.
Completamente gratis, sin cuenta y sin límites — una herramienta del lado del cliente sin nada que medir.
Sí. Se ejecuta en su navegador, por lo que CSS Border Radius Generator funciona en teléfonos y tabletas, así como de escritorio — no hay ninguna aplicación para instalar.
Normalmente, sólo unos segundos para un archivo típico — CSS Border Radius Generator comienza a funcionar en el momento en que le da su entrada.
El uso casual es ilimitado, bajo una generosa tapa de uso justo que lo mantiene rápido para todos.
Todos los navegadores modernos — Chrome, Safari, Firefox y Edge. CSS Border Radius Generator no necesita nada instalado más allá del navegador que ya utiliza.