Toolzy

CSS Border Radius Generator

Round element corners and copy the CSS.

border-radius: 20px;

Adjust each corner's radius with a live preview and copy the border-radius CSS.

How to use

  1. Adjust each corner's radius.
  2. Watch the live preview.
  3. Copy the CSS.

Frequently asked questions

Can corners differ?
Yes, set each corner independently for custom shapes.
What units are used?
Pixels; edit the copied CSS if you prefer percentages.

Related tools