⚡
Border Radius Generator
Create CSS border-radius values with individual control over all four corners. See the result live, generate pill and circle shapes, and copy the CSS instantly.
Top Leftpx
Top Rightpx
Bottom Rightpx
Bottom Leftpx
border-radius: 8px;
Tailwind: Use
rounded-[8px] for arbitrary values.Frequently Asked Questions
Can I set different radii for each corner?
Yes. The tool provides independent sliders for top-left, top-right, bottom-right, and bottom-left corners.
How do I make a circle?
Set border-radius to 50% and make the element square (equal width and height) to create a perfect circle.