Подскажите, пожалуйста, как такое закругление сверстать?

введите сюда описание изображения

замучалась с бордер-радиусами, но так и не получилось


Ответы (1 шт):

Автор решения: Rudi

Можно что-то такое сделать.. Первое значение clip-path: ellipse(100%.. задаёт величину скругления. Уменьшение значения - увеличивает скругление.

div {
  margin: 0 auto;
  height: 150px;
  width: 400px;
  background: #DDD7D1;
  clip-path: ellipse(100% 100% at 50% 100%);
  -webkit-clip-path: ellipse(100% 100% at 50% 100%);
}
<div></div>

→ Ссылка