Organic Blob Shapes
Use the elliptical X/Y syntax to create unique blob shapes for hero sections and illustrations.
border-radius: 20px 20px 20px 20px;
Blob Shapes tips
Enable the elliptical (X / Y) toggle for organic blob shapes. Different X and Y values per corner produce asymmetric, hand-drawn-feeling forms.
Random blobs work best when no two corners share radius values. Even subtle asymmetry (e.g., 40px/60px on one corner) reads as intentional.
Animate the radius values via CSS for morphing blob backgrounds — a popular hero-section effect for landing pages.
For SVG-precise control over blob shapes, use a tool like blobmaker.app; this generator is best when you want native CSS without extra markup.
Ինչպես է այն աշխատում
Ինչու՞ օգտագործել մերը:
Also check out…
Card and Container Corners
Standard rounded corners for cards, containers, an
Avatar & Profile Picture Shapes
Create the right corner style for profile pictures
Pills, Tags, and Badges
Build perfectly rounded pill buttons, tags, and ba
Asymmetric Corner Designs
Mix radii across corners to create distinctive, br