Как сверстать «скошенный» блок?

Question

[Владислав Линник]

Всем привет, подскажите как правильно заверстать такие скошенные блоки, их много по всему сайту, сайт адаптивный.
Заранее благодарен

Answer 1

[Владислав Линник]

Всем спасибо, нашел для себя более подходящее решение, кому интересно вот накидал - https://jsbin.com/qemiqam/1/edit?html,css,output

Answer 2

[keeplod]

Вообще, если хочешь делать что-то подобное, как у тебя на картинке, лучше всего использовать изображения, что бы создать визуальный наклон, дабы не грузить браузер бесполезным рендерингом и не усложнять вёрстку. Но ежели тебе невмоготу, то держи простую реализацию

https://codepen.io/keeplod/pen/vMeqqO

Answer 3

[Денис]

Например, так

Answer 4

[Антон]

clip path или линейный градиент