Как сверстать шапку такой формы?

С новым годом всех!
Народ, помогите сверстать шапку. Завис на нижней части, голову сломал уже, как сверстать, чтобы она имела такую форму внизу?

5c2b5158a7a0b427807479.jpeg

Пробовал через псевдоэлементы картинками, но там с адаптивностью косяки будут, через бордер пробовал по всякому, может кто подкинет идеи или сверстает? Я так думаю, решение на поверхности, только найти его никак не могу.
Заранее, благодарю!
  • Вопрос задан
  • 1155 просмотров
Решения вопроса 2
Ankhena
@Ankhena
Нежно люблю верстку
Без SVG, картинок и псевдоэлементов,
CSS only

Ответ написан
@VPank
Бессмертие ради знаний. Знания ради бессмертия.
Способ даже не один.
Ты можешь сделать отдельный блок с белой картинкой данной формы которая будет накладываться поверх. Не псевдоклассом, а отдельно. И не задавать ей ограничение по ширине, тогда с адаптивом не будет косяка.
Так-же ты можешь использовать svg.
Про js вообще молчу. Боюсь тут немного опыта не хватит раз такие вопросы возникают.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы