Как добиться такого закругления углов через css?

Question

[hello-world-1]

Здравствуйте. Есть вот такой вот блок из макета:



Как мне добиться относительно похожих углов? Работал с border-radius, выходит вот так:

Comments

[Lord_Dantes]

Смотрите в сторону clip-path

[v3shin]

А вам нужна эта часть блока, верно?

[hello-world-1]

v3shin, верно!

[hello-world-1]

Lord_Dantes, спасибо, поработаю с ним.

[Вадим]

2.2 Убедиться в том, что в сети Интернет, и на страницах Сервиса в частности, отсутствуют ответы на данный вопрос. Специально для этого талантливые IT-специалисты создали и развивают поисковые системы Яндекс и Google.

https://qna.habr.com/search?q=%D1%81%D0%BA%D1%80%D...

Как можно сделать подобное скругление контента?
Как скруглить блоки сайта с CSS?
Как частично скруглить картинку с помощью css?

Answer 1

[DrWeyber]

border-radius: 0 0 50% 50%
Можно так опробовать, а вообще нужно поиграться, или
:after
position: absolut и тд