🚀 ¡Pockit ya está en Chrome!

Deja de buscar en Google. Accede a las herramientas con un solo clic.

Añadir a Chrome (Gratis)

Privacidad 100% Garantizada

Todo el procesamiento se realiza en tu navegador. Tus datos nunca salen de este dispositivo.

Radio de Borde CSS

Suaviza tu interfaz. Crea formas orgánicas y bordes redondeados avanzados con control total. Genera CSS moderno para botones y tarjetas.

Shape Presets

CSS Code
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;

Shape Settings

Vertical Axis

Generador de Radio de Borde CSS Gratis - Crea Formas Únicas

Diseña esquinas redondeadas únicas y formas orgánicas tipo blob con nuestro generador visual de CSS border-radius. Ajusta 4 u 8 puntos de control para crear curvas asimétricas, botones y elementos decorativos. Previsualiza formas en tiempo real y copia código CSS instantáneamente. Genera formas aleatorias para inspiración creativa. Perfecto para componentes de UI, marcos de perfil y diseño web moderno.

1¿Cuándo usar esta herramienta?

💡Crear marcos de imagen de perfil con formas orgánicas
💡Diseñar elementos decorativos de fondo únicos
💡Crear componentes de UI con sensación suave

2Características

  • Soporte de ajuste de 4 y 8 vías (Control Total)
  • Vista previa de forma en tiempo real
  • Generación de forma aleatoria
  • Copia fácil de código CSS

3Cómo usar

  • Arrastra los manejadores en cada esquina para ajustar la curvatura.
  • Activa 'Control Total' para ajustar 8 valores individualmente.
  • Copia el código CSS cuando tengas la forma deseada.
  • Explora nuevas formas con el botón 'Aleatorio'.

Preguntas Frecuentes

Q. ¿Qué significan los 8 valores?

A. Establecen los radios horizontal y vertical de cada esquina individualmente para crear curvas asimétricas.

Q. ¿Es compatible con navegadores antiguos?

A. La mayoría de los navegadores modernos lo soportan, pero versiones muy antiguas pueden aplicar solo 4 valores.