1

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

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

1
  • Можно на svg, можно на css, к примеру - абсолютно расположить div огромного размера с border-radius где у родителя будет overflow, но на svg проще и чище 11 ноя 2022 в 19:25

1 ответ 1

2

Можно что-то такое сделать.. Первое значение 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>

2
  • большое спасибо
    – Usti
    12 ноя 2022 в 11:56
  • @Usti На здоровье :)
    – Rudi
    12 ноя 2022 в 13:05

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.