CSS Border Radius Generator

Set each corner radius separately and copy the border-radius CSS.

Loading the tool

How to use CSS Border Radius Generator

  1. Move the sliders for each corner.
  2. Watch the preview.
  3. Copy the CSS.

Privacy and limits

This tool runs in your browser. What you type is processed on your device and is not sent to our server.

Questions

Is CSS Border Radius Generator free to use?
Yes. You do not need an account and there is nothing to pay.
Does it work offline?
Once the page has loaded, the tool does its work on your device. Some browsers need a connection only to load the page itself.