The border-radius property can have multiple values changed. Preview how the shape looks while changing these values.
-
You can see a box which has a
border-radius
property applied to it -
You can customize the box size
-
You can change the 4
border-raidus
property values that are applied to the box (top-left, top-right, bottom-left, bottom-right) -
You can change all 8 possible values of the border-radius in order to create a complex shape
-
You can copy the resulting CSS to the clipboard
-
You can use it in a PC or a mobile device