Organic Blob Shapes
8-Point Fancy Border Radius & Blob Maker
Generate playful organic blobs, fluid shapes, and asymmetric cards using advanced 8-value CSS border-radius syntax.
Presets:
Organic Shape
8-Point Border Radius Controls
Top-Left H: 30%
Top-Right H: 70%
Bottom-Right H: 70%
Bottom-Left H: 30%
Top-Left V: 30%
Top-Right V: 30%
Bottom-Right V: 70%
Bottom-Left V: 70%
CSS Property
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;5 Organic Shape Presets
8 Independent Corner Radii
Live Gradient Mesh Preview
Instant 1-Click CSS Copy
How to Use 8-Point Fancy CSS Border Radius & Blob Maker (Step-by-Step Guide)
No software installation required. Complete your task in 3 easy steps directly in your browser.
1
Select Preset
Pick from organic shapes like Blob, Smooth Egg, Water Drop, or Lemon.
2
Adjust 8 Radii
Fine-tune horizontal and vertical corner percentages with interactive sliders.
3
Copy CSS Property
1-click copy the border-radius CSS rule to your project stylesheet.
How helpful was this tool?
Rated 4.9 / 5 by 3,420+ users worldwide
Share with Colleagues & Friends
Help others protect their document privacy
Got Questions?
Frequently Asked Questions
Values before the slash (/) set horizontal radii (top-left, top-right, bottom-right, bottom-left) while values after set vertical radii.