Uso gratuito, sin necesidad de cuenta
CSS Generador de radio de borde
Dé forma a cada esquina de forma independiente, incluidos los radios elípticos horizontales y verticales. Obtenga una vista previa del resultado y copie el CSS compacto.
¿Cómo genero valores CSS border-radius?
Elija píxeles o porcentajes, ajuste el radio horizontal y vertical para cada esquina, luego copie la declaración border-radius generada. CSS puede normalizar proporcionalmente los radios superpuestos para ajustarse al elemento.
Preguntas frecuentes
¿Cómo genero valores CSS border-radius?
Elija píxeles o porcentajes, ajuste el radio horizontal y vertical para cada esquina, luego copie la declaración border-radius generada. CSS puede normalizar proporcionalmente los radios superpuestos para ajustarse al elemento.
¿Está cargado mi CSS o diseño?
No. La vista previa y CSS se generan en esta pestaña del navegador. No hay carga, cuenta, llamada API ni guardado automático.
¿Puede cada esquina tener un radio diferente?
Sí. Establezca un valor horizontal y vertical separado para las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda.
¿Qué significa la barra diagonal en border-radius?
Separa radios horizontales de radios verticales, creando esquinas elípticas. Si cada esquina usa el mismo valor horizontal y vertical, el generador omite la barra.
¿Por qué la vista previa puede parecer más pequeña que los valores?
CSS normaliza proporcionalmente los radios que se superpondrían en un borde. Este es el comportamiento estándar del navegador y también se aplica en esta vista previa.