xxxxxxxxxx
.semi-circle {
width: 100px;
height: 50px;
border-radius: 50px 50px 0 0;
background-color: red;
}
xxxxxxxxxx
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100px;
width: 200px;
border-radius: 150px 150px 0 0; }
CSS semi-circle
xxxxxxxxxx
div {
width: 90px;
height: 180px;
border-radius: 12rem 0 0 12rem;
}