Как расположить нижнюю часть блока под большим наклоном,чтоб при этом верх не изменился?

Question

[Владислав Еременко]

Как сверстать данные блоки?Ломаю Голову.Пробовал через псевдоэлемент,но там очень большой наклон.Думал через clip-path ,но тоже не очень.Мороки много,чтоб адаптировать,да и псевдоэлемент не вставишь.Помогите решить проблему.

Answer 1

[aloky]

Используйте background картинку фоном только позицию задайте нижнюю и по центру и всё получиться. Пример:
https://codepen.io/aloky/pen/EQzNyE

Comments

[Владислав Еременко]

Не понял ваш ответ если честно.Я уже сам сделал данный вариант с псевдоэлементом у верхнего блока и у нижнего,а между блоками просто сделал пустой блок с темно-зеленым фоном и z-index:-2. Знаю костыль,но все же

[Владислав Еременко]

Посоветуйте еще ,как быть с тенью логотипов?Добавить как псевдоэлемент или вырезать одним изображением?

Answer 2

[Владислав Еременко]

Еще думаю есть вариант ,чтоб не изобретать велосипед , можно наложить один блок на другой.Верхний сделать обычным.А нижний вырезать картинкой.