Как сделать скошенный блок с бэкграундом?

Question

[daggett206]

Подскажите способ сделать скошенный блок с градиентом и изображением поверх? Знаю способ через псевдоэлементы, но он подходит для сплошного цвета фона (или же не только?). Ниже скрин этого блока с макета. Буду очень рад помощи!

Answer 1

[Александр Зачиналов]

-moz-transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);

Comments

[daggett206]

Спасибо за пояснение, я правильно понимаю, что без абсолютного позиционирования не обойтись, дабы заполнить появившиеся белые бреши? jsfiddle.net/wjeqn3xh

[Александр Зачиналов]

правильно

[Александр Зачиналов]

можно еще дать position:relative + отрицательный отступ, но надежно это сработает только для верхней границы, нижний край придется исправлять таким же способом, но для следующего блока. Я рекомендую на абсолюте делать, так удобнее

[daggett206]

Спасибо, Александр