Tool capabilities
- Input
- Options
- Output
- CSS · Options
How to use Border Radius Generator
Adjust each corner with sliders and preview the resulting CSS border radius.
- Change the colors, text or numeric controls above.
- Compare the preview as you adjust the controls.
- Copy the output or download it to your device.
Border Radius Generator · Example
Input
{
"tl": 24,
"tr": 24,
"br": 24,
"bl": 24
}Output
border-radius: 24px 24px 24px 24px;
Adjust each corner with sliders and preview the resulting CSS border radius.
Usage notes
Inputs and results are processed on this device. Tool content is not sent to a processing server.