CSS Border-Radius Generator

Tune each corner radius visually and copy the CSS for any shape.

Top-left: 20px

Top-right: 20px

Bottom-left: 20px

Bottom-right: 20px

CSS

border-radius: 20px 20px 20px 20px;

How to use the CSS Border-Radius Generator

1Open the CSS Border-Radius Generator above.
2Enter your input in the fields provided.
3Click the primary action button to run the tool.
4Copy, download or share your result.

Why people use it

Use the CSS Border-Radius Generator whenever you need a fast, reliable utility without installing software.
Great for one-off jobs where opening a full desktop app is overkill.
Safe for sensitive data — everything runs inside your browser.
Free forever, no signup required.

Frequently asked questions

Is the CSS Border-Radius Generator really free?

Yes — every tool on FreeToolz is free to use with no signup, no trial and no hidden limits. FreeToolz is supported by unobtrusive advertising.

Is my data safe?

Most FreeToolz utilities run entirely inside your browser, so your inputs never leave your device. When a tool needs a server (for example, AI features), it's clearly indicated on the page.

Does it work on mobile?

Yes — every tool is designed to work on modern phones, tablets and desktops without installing anything.

Do I need to create an account?

No account is required. Just open the page and start using the tool.