Generador de radio de borde CSS
Opciones
Estado
inactivo
Vista previa en vivo
¿Qué es el generador de radio de borde CSS?
Esta herramienta le ayuda a generar valores de radio de borde CSS para esquinas redondeadas.
Es útil para botones, tarjetas, entradas, modales, avatares y componentes de interfaz de usuario modernos.
Cómo utilizar el generador de radio de borde CSS
- Ajuste los valores del radio de las esquinas usando las entradas o controles deslizantes.
- Mantenga todas las esquinas vinculadas o edite cada esquina por separado.
- Copie el valor del radio del borde generado o la regla CSS completa.
- Pegue un valor de radio de borde existente para analizarlo y editarlo.
Consejos
- Utilice un valor para esquinas redondeadas uniformemente.
- Utilice cuatro valores para formas más orgánicas o asimétricas.
- Las esquinas redondeadas suelen combinar bien con box shadows y degradados.
- Los valores de radio de borde grandes son útiles para pastillas y cápsulas.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Generador/analizador de Box Shadow CSS
Genere, analice y previsualice valores de `box-shadow` CSS en línea. Ajuste offset, blur, spread, color e `inset`.
Utilidades varias
›
Generador de gradiente CSS
Genere, analice y obtenga una vista previa de degradados lineales y radiales CSS en línea. Generador de gradientes gratuito para desarrolladores y diseñadores.
Utilidades varias
›
Generador de Clip-Path CSS
Genere y analice valores de `clip-path` CSS para formas `polygon`, `circle`, `ellipse` e `inset`.
Utilidades varias
›
Convertidor de colores
Convierta colores HEX, RGB, RGBA y HSL instantáneamente en su navegador.
Utilidades varias
›
Preguntas frecuentes sobre el radio del borde CSS
¿Puedo editar las cuatro esquinas por separado?
Sí. Deshabilite las esquinas vinculadas y configure cada esquina individualmente.
¿Puede esta herramienta analizar CSS de radio de borde existente?
Sí. Pegue un valor de radio de borde o una declaración CSS de radio de borde completo.
¿Admite valores de px y porcentaje?
Sí. Puedes usar valores como 16px o 50%.
¿La vista previa está en vivo?
Sí. La vista previa se actualiza a medida que cambia los valores.