Как создать skewY блок с ровной картинкой-бекграундом?

Question

[Worddoc]

Здравствуйте. Как можно создать такой блок, только чтобы вместе цвета на бекграунде была ровная картинка без skew, но которая заполняет весь родительский блок, у которого задан skewY? Голова не может решить, плюс не гуглится.

Answer 1

[Вадим]

https://codepen.io/Vadimka7/pen/jyNQNd
цвет класса vs подстраиваешь под цвет фона страницы

Comments

[Worddoc]

Спасибо. А есть варианты только используя css свойства и не более 2-х блоков? (родительский и дочерний с нужным background)

[Вадим]

Worddoc: вам ответили ниже)

Answer 2

[Амир Алимжанов]

Родителю нужный градус skew, а в него запихать блок с нужным бэкграундом и отрицательным значением skew

Comments

[Worddoc]

Пробовал, блок с отрицательным значением просто становится прямоугольным, не заполняя родительский блок( я пробовал ставить огромную ширину и высоту - не работает)