Generador de Border Radius CSS
Generador de Border Radius CSS en línea gratuito. Visualiza y genera código border-radius para las cuatro esquinas. Soporta unidades px y %.
Generador de Border Radius CSS
Generador de Border Radius CSS en línea gratuito. Visualiza y genera código border-radius para las cuatro esquinas. Soporta unidades px y %.
Acerca de CSS border-radius
Genera la abreviatura de cuatro esquinas
El generador produce una declaración border-radius en orden superior izquierda, superior derecha, inferior derecha e inferior izquierda. Puede mantener las esquinas vinculadas o desbloquearlas, elegir px o porcentaje y copiar el CSS.
Los colores de vista previa no entran en el fragmento
Los colores de fondo y caja solo sirven para ver mejor la forma mientras ajusta el radio. El código copiado contiene únicamente la propiedad border-radius, por lo que puede pegarlo en un botón, tarjeta o componente existente sin reglas de color adicionales.
Preguntas Frecuentes
Preguntas y respuestas frecuentes sobre este tema.
¿Puedo establecer radios diferentes para cada esquina?
Sí, personalice cada esquina de forma independiente — arriba izquierda, arriba derecha, abajo derecha y abajo izquierda — o establezca todas a la vez con el control 'Todas las Esquinas'.
¿Qué unidades se admiten?
Se admiten tanto píxeles (px) como porcentajes (%). Use porcentajes para crear formas responsivas como círculos (50%) o formas de píldora.
¿Puedo crear círculos o formas de píldora?
Sí, establezca todas las esquinas al 50% para un círculo perfecto en un elemento cuadrado, o use valores grandes de píxeles para una forma de píldora en elementos rectangulares.
¿Mis datos se envían a algún servidor?
No, la generación de CSS border-radius se maneja completamente en su navegador. Sus valores de radio se procesan localmente — no se sube ningún dato.