Fancy Border Radius

Create organic shapes for modern UI.

Quick Shapes

Style

Start Color

#6366f1

End Color

#ec4899

border-radius: 30% 30% 30% 30% / 30% 70% 30% 70%;
background: linear-gradient(135deg, #6366f1, #ec4899);

Creating Organic Shapes

8-Point Syntax

Standard border-radius usually takes 1-4 values. This tool uses the full 8-value syntax (h1 h2 h3 h4 / v1 v2 v3 v4) to control the horizontal and vertical radius of each corner independently, creating complex "blobs".

Design Tips

Organic shapes are trending in modern web design. Use them for avatars, background accents, or masking images. Use the "Animate" button to see how CSS transitions can create a liquid effect.