🎨 Generador de Border Radius Avanzado
Crea formas orgánicas, blobs y contenedores únicos con la sintaxis de 8 puntos de border-radius CSS. Visual y instantáneo.
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
El poder de las formas modernas en CSS
Atrás quedaron los días de simples esquinas redondeadas. El diseño web moderno utiliza formas "orgánicas" o blobs para crear una apariencia más fluida y natural. Al utilizar la sintaxis de 8 valores de la propiedad border-radius, puedes definir el radio horizontal y vertical de cada esquina por separado.
El formato de la sintaxis es: border-radius: H-TL H-TR H-BR H-BL / V-TL V-TR V-BR V-BL;. Nuestro generador facilita la visualización de esta propiedad compleja en tiempo real. Úsalo para botones, contenedores de imágenes o blobs de fondo que hagan que tu sitio web destaque.
Preguntas Frecuentes
¿Cómo utilizo la sintaxis de 8 valores?
Los primeros cuatro valores antes de la barra definen el radio horizontal de cada esquina. Los cuatro valores después de la barra definen el radio vertical. Esto permite la asimetría dentro de una sola esquina, resultando en formas complejas.