Border Radius Generator

Border Radius Generator is a css border radius generator tool. Why break your head if there is such a wonderful tool?

Select how you want to configure









border-radius: 0px 0px 0px 0px;

What is the CSS border-radius property

The border-radius property is a CSS feature that allows you to control the curve of the borders of an HTML element. You can use it to create elements with rounded or oval borders.

How to use

To use the border-radius property, just add it to your CSS code and define a value in pixels or percentage for each of the four corners of the element. For example:

.my-class {
    border-radius: 10px 20px 30px 40px;
}

In this example, the top left border will have a 10 pixel curve, the top right border will have a 20 pixel curve, the bottom right border will have a 30 pixel curve, and the bottom left border will have a 40 pixel curve.

It is also possible to use the border-radius property with percentage values, as in the example below:

.my-class {
    border-radius: 50%;
 }

In this case, all the borders of the element will have a 50% curve, which will result in a round element.