VUREXVUREX
CSS Tool

Border Radius Generator

Generate CSS border-radius visually with live preview. Customize each corner individually or all at once, use presets, and copy the CSS code instantly. 100% free, no sign-up required.

Preview

Corner Radius

12%
12%
12%
12%

Style & Size

240px
160px

Presets

Generated CSS

border-radius: 12% 12% 12% 12%;
background: #6366f1;
width: 240px;
height: 160px;

Frequently Asked Questions

CSS border-radius is a property that lets you round the corners of an element's border. You can set all four corners equally or customize each one independently to create various shapes like pills, circles, and organic blobs.

You can use pixels (px), percentages (%), em, rem, and other CSS length units. Percentages are relative to the element's dimensions β€” 50% creates a perfect circle on a square element.

Elliptical border-radius uses two values separated by a slash (e.g., 50% / 30%) to create different horizontal and vertical radii. This allows for more complex, organic shapes beyond simple rounded corners.

Yes, VUREX Border Radius Generator is completely free with no registration required. Generate and copy CSS border-radius code with no limits.