Generador de Border Radius CSS - Herramienta Online Gratis
Generador de Border Radius CSS
Construya un Border Radius con Vista Previa en Vivo
Comprendiendo el Border Radius CSS
Vista Previa en Vivo
Observe una caja de muestra actualizarse instantáneamente mientras ajusta el radio de cada esquina.
Esquinas Vinculadas o Independientes
Vincule las cuatro esquinas para que se muevan juntas, o desvincúlelas para formas asimétricas como burbujas de diálogo o formas orgánicas.
CSS Listo para Copiar
Copie la declaración exacta de border-radius para pegarla directamente en su hoja de estilos.
Procesamiento Local
La vista previa y el CSS se generan enteramente en su navegador — ningún dato se envía jamás a un servidor.
Más Allá de las Esquinas Redondeadas Simples
Establecer las cuatro esquinas con el mismo valor grande en relación al tamaño de la caja crea una forma de píldora o círculo, mientras que dar a cada esquina un radio diferente puede producir formas orgánicas tipo blob, a menudo usadas en el diseño web moderno para tarjetas, botones y fondos decorativos.
Puntos Clave
- Cuatro Esquinas Independientes: Ajuste cada esquina por separado para formas asimétricas.
- Alternar Vinculación: Vincule todas las esquinas para un redondeo rápido y uniforme.
- Solo del Lado del Cliente: Toda la generación ocurre localmente en su navegador — ningún dato se envía jamás a un servidor.