Border radius generator | Generator

border-radius generator

background-gradient
Background transparence
border-radius
box-shadow
Flex box
transform
transform 3D
Multiple column
text-shadow
Text editor

Width & Height

Width: px

Height: px

Border style

border-width: px (max: 100)

border-style:

border-color:

Border radius - max 300

Top-Left: 5010px

Top-Right: 5010px

Bottom-Left: 5010px

Bottom-Right: 5010px

All: 5010px

Source code

[HTML]

[CSS]

p {
  height: 200px;
  width: 200px;
  border: 1px solid #FF0000;
  -webkit-border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
}