Как сверстать плавные бордеры в шапке моб макета?

Question

[Александр]

Подскажите ваш вариант - как лучше сверстать такого вида шапку ?

Интересует адаптивный и более практичный метод верстки плавных бордеров с тенью.

Answer 1

[furashcka]

Первое что пришло на ум, использовать svg с кривыми и тенью, svg в качестве фона, левая картинка выравнивается по правому краю, а правая по левому, условный центр у вас смещён на макете, к ниму как бы и прилипали svg краями, где скругления, а стороны которые без скругления я бы сделал большой длинны, чтобы когда сайт менял ширину, то они заполняли всю свободную ширину, не знаю, понятно объяснил?



Возможно этот ответ https://stackoverflow.com/questions/51086086/css-s... вам также пригодится

Comments

[Александр]

Да, Вашу идею я понял. Поэксперементирую.
и спасибо за ссылку.