Как сделать закругление стороны у фонового блока?

Question

[losos_lapolosos]

Здравствуйте! Есть такой вопрос: как сделать такое скругление у фонового дива, чтобы он был адаптивным(верстаю на bootstrap 4)

Answer 1

[Максим]

css => https://codepen.io/topicstarter/pen/jjRpmY
svg => https://codepen.io/topicstarter/pen/ZdgybL

Comments

[losos_lapolosos]

Svg работает, но как его использовать как фон, чтобы можно было в него вставить блоки и т.д.?

[Максим]

losos_lapolosos, разве css не работает ? если использовать SVG то надо чуть чуть переписать - увеличить - в общем менять координаты

[losos_lapolosos]

Просто в css слабое скругление

[Максим]

losos_lapolosos, щас исправлю и в css и в svg

[Максим]

losos_lapolosos, css проверь

[Максим]

losos_lapolosos, https://codepen.io/topicstarter/pen/NQxVYx svg как фон

[losos_lapolosos]

Да, теперь то, что надо, огромное спасибо!!!

[losos_lapolosos]

Только, почему то, фон теперь загораживает все объекты в нём и их не видно

[losos_lapolosos]

Я про css

[Максим]

losos_lapolosos, где и что загораживает ?

[losos_lapolosos]

Ну, допустим я задал эти стили header и в него вставляю div и в него форму, их не видно, только фон

[losos_lapolosos]

В общем уже не важно, svg работает, ещё раз спасибо.

[Максим]

losos_lapolosos, https://codepen.io/topicstarter/pen/jjRpmY вот на css с формой