🎨 CSS Border-Radius & Blob Generator

100% Client-Side

Fórmula CSS (8 Ejes) 50% 50% 50% 50% / 60% 40% 60% 40%

Radios Horizontales 50 / 50 / 50 / 50

Radios Verticales 60 / 40 / 60 / 40

Tipo de Forma Orgánica (Blob)

⚙️ Controles de los 8 Ejes

↔ Radios Horizontales (%)

↖ H1 (Top-Left)

↗ H2 (Top-Right)

↘ H3 (Bottom-Right)

↙ H4 (Bottom-Left)

↕ Radios Verticales (%)

⤒ V1 (Left-Top)

⤓ V2 (Right-Top)

⤓ V3 (Right-Bottom)

⤒ V4 (Left-Bottom)

Blob Shape

/* Standard CSS */

/* Utility class */

<!-- SVG Path -->

/* Morph animation keyframes */