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

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

5c2b5158a7a0b427807479.jpeg

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

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

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 56 000 до 56 000 руб.
Sveak Барнаул
от 50 000 руб.