CSS Blob Generator
CSS Organic Blob Shape Tool
Generate organic blob shapes with the border-radius property and copy the code.
About CSS Blobs
A CSS blob is an organic, irregular shape created entirely with the border-radius property. By giving each corner a different horizontal and vertical radius, you can turn a plain square into a soft, asymmetrical blob without any SVG or images.
The border-radius shorthand accepts up to eight values: four for the horizontal radii and four for the vertical radii, separated by a slash. Animating those values, or generating random sets of them, produces the flowing, morphing blob shapes that are popular in modern web design.
