How to Use the CSS Border Radius Generator

2. How to use the CSS Border Radius Generator

Here is the whole process, step by step. It takes less than a minute from opening the tool to seeing your result.

1. 1Fill in the Top left %: 30, Top right %: 70, Bottom right %: 70, Bottom left %: 30 fields.
2. 2Your result appears on the page.

Press the "🎲 Random blob" button and your result appears on the page.

Everything runs in your browser — your files and text never leave your device.

3. What you can do with it

• Run the tool with the "🎲 Random blob" button when your input is ready.

4. Tips for best results

1. Your text never leaves your device — The tool runs entirely in your browser using JavaScript. Nothing is uploaded, so you can paste private documents without worry. That also means there is no account to create and no file to upload.
2. It works on your phone too — Open the tool in any modern browser on Android or iPhone. The layout adjusts to the screen and everything works the same way on a small screen as on a desktop.

Related tools

More developer tools you may like — all free, no signup.

• CSS Gradient Generator — Create beautiful linear and radial CSS gradients visually and copy the code. · how-to guide
• CSS Box Shadow Generator — Create soft, layered or inset CSS box shadows visually and copy the code. · how-to guide
• UUID Generator — Generate cryptographically secure random UUID v4 / GUID values in bulk. · how-to guide
• CSS Minifier — Minify CSS by removing comments, whitespace and unnecessary characters to make stylesheets load faster. · how-to guide
• Cron Expression Generator — Build cron expressions, read them in plain English, and see the next run times. · how-to guide
• Mock Data Generator — Generate realistic fake test data — names, emails, phones, cities, dates — as JSON, CSV or SQL inserts. · how-to guide