Question 1

What is CSS border-radius?

Accepted Answer

Border-radius rounds the corners of an element. You can set all corners equally or each independently.

Question 2

How do I set different radius for each corner?

Accepted Answer

Use the individual sliders for top-left, top-right, bottom-right, and bottom-left corners.

Question 3

What does the link button do?

Accepted Answer

When linked, all corners change together. Unlink to control each corner independently.

Question 4

Can I create elliptical corners?

Accepted Answer

Yes, enable the Elliptical mode to set separate horizontal and vertical radii for each corner.

Question 5

How do I copy the CSS?

Accepted Answer

Click the Copy CSS button. The border-radius property is copied to your clipboard.

Question 6

What is the maximum border-radius?

Accepted Answer

The maximum is 50% of the element's dimension, which creates a circle or pill shape.

Question 7

Can I use percentage values?

Accepted Answer

Yes, toggle the unit between px and % using the unit switch button.

Question 8

Is this tool free?

Accepted Answer

Yes, completely free with no signup required. All processing in your browser.

⬜ CSS Border Radius Generator