Border Radius Generator

To generate CSS border radius code, select some of the options below and it will be automatically created.

What is this tool?

Using this tool you can generate CSS border-radius code. Writing CSS border-radius code to style all fours sides of an element the same way is pretty straightforward, however, for more complex designs using a border-radius generator like this one will probably be easier.

To use it use the sliders to adjust the size of the border-radius; the first slider does all corners and the ones below that change each corner independently. Then chose some other styling options and when you are happy with how the preview looks, copy the CSS code supplied on the right and paste it in the desired selector in your style sheet.