Generador de border-radius CSS
Ajusta independientemente las cuatro esquinas de un elemento y obtén al instante el valor CSS border-radius correspondiente, con vista previa en vivo.
Cómo funciona
La propiedad CSS border-radius puede recibir hasta cuatro valores, uno por esquina, en el orden superior-izquierda, superior-derecha, inferior-derecha, inferior-izquierda. Esta herramienta te permite ajustar cada esquina de forma independiente y visualizar el resultado antes de copiar el código.
¿Cómo crear una forma perfectamente redonda u ovalada?
Ajusta las cuatro esquinas con la unidad "%" a un valor de 50%: aplicado a un elemento cuadrado, esto produce un círculo perfecto; aplicado a un rectángulo, una elipse.
¿Por qué usar valores diferentes según las esquinas?
Las esquinas asimétricas permiten crear formas orgánicas o efectos de "gota de agua", a menudo utilizados para burbujas de notificación o elementos decorativos.
Procesamiento 100% local: el cálculo se realiza íntegramente en tu navegador mediante WebAssembly, sin ningún envío de datos a un servidor.