Border-radius: 22.5%; is equivilant to what in px?

How do you figure out the number?

Is there a simple math equation to figure this out?

code: https://jsfiddle.net/wayd0xg4/

.one {
  border-radius: 22.5%;
}


.two {
  border-radius: 50px;

}

<img class="one" src="https://via.placeholder.com/230x230">

<img class="two" src="https://via.placeholder.com/230x230">
  ( 230 / 100 )  x  22.5  =  51.75
  ( 51 x 100 )  /  230 = 22.17391304

coothead

3 Likes