Generate independent corner radii for a CSS box.
Use the example inputs or enter your own values.
Your input is processed in this browser.
Outputs the four radii in clockwise order: top-left, top-right, bottom-right and bottom-left.
Enter top-left (px), top-right (px), bottom-right (px), bottom-left (px). Update the result, inspect it, then copy or download the output. Reset restores the example inputs so you can start a new calculation.
Example inputs: Top-left (px): 12 · Top-right (px): 12 · Bottom-right (px): 12 · Bottom-left (px): 12.
This tool processes only your supplied input in this browser. Review the output before using it in production.
The tool does not connect to your website, change your hosting or install anything in WordPress. Any output must be applied separately in the intended environment.
No. This tool works in a modern browser with JavaScript enabled. Your inputs are not submitted to a server by the tool.
Use Copy for the textual result or Download for a local file. Image tools download a generated image when one is available.
No. It produces a result for you to review. Production changes remain a separate step.
Explore related tools for the next part of your website task, or discuss a project if you need help applying the result.
Discuss a project