CSS Shape / Border-Radius Generator

Shape

 

Four corners, one radius each. Switch to Blob for a second, independent radius per corner — that split is what makes an organic, wobbly outline possible at all.

Presets

Preview

CSS


      

Built and previewed entirely in this browser. Every radius is a plain non-negative number — nothing here accepts free text, so there is nothing for a paste to inject into.

The CSS Shape / Border-Radius Generator needs JavaScript: the preview and the generated CSS are both built live in this browser. With JavaScript switched off there is nothing to do the work.