If I set border-radius: 100000px
to an element, it will be the perfect radius. If I install border-radius: 100%
, I get a completely different result.
.test {
background: red;
width: 150px;
height: 50px;
}
.border1 {
border-radius: 10000px;
}
.border2 {
border-radius: 100%;
}
Correct
<div class="test border1"></div><br>
Weird
<div class="test border2"></div>
Run codeHide resultIs there a way to use another block to get the same result as 10000px
? My item size may not be known.
source
share