Eu quero fazer css para a curva de baixo é meio menos de meia curva. mas eu não sou capaz de fazer isso. Eu só posso fazer meia curva.
Aqui eu tentei, mas não trabalhei
.bottom {
height: 300px;
width: 600px;
border-bottom-left-radius: 600px;
border-bottom-right-radius: 600px;
background-color: #ebebeb;
}
<div class="bottom"></div>
Aqui está o que eu quero fazer.
Respostas:
1 para resposta № 1.bottom {
height: 200px;
margin: auto -150px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
background-color: #ebebeb;
}
.outerDiv {
overflow: hidden;
}
body {
background-color: orange;
}
<div class="outerDiv">
<div class="bottom"></div>
</div>
1 para resposta № 2
.bottom {
height: 300px;
width: 600px;
border-radius: 100%/0 0 140px 140px;
background-color: #ebebeb;
}
<div class="bottom"></div>