Create and preview border-radius values with a visual editor
border-radius: 12px;
Free CSS border-radius generator. Control each corner independently or use uniform rounding. Preview in real time and copy the CSS code instantly.
Yes. Uncheck 'Link all corners' to set different values for top-left, top-right, bottom-right, and bottom-left independently.
Set all corners to 50% and make sure the element has equal width and height.
px sets an absolute radius, while % is relative to the element's dimensions. 50% on a square gives a circle.
Set border-radius to 9999px (or a large value) on a rectangular element.
Yes. Add border-radius to an img or its container to round its corners.
Last updated: January 2025