Как сделать див с картинкой внутри в форме трапеции?

Question

[Вячеслав Боргомотов]

Всем добрый день. Подскажите как сделать <div> такой формы:

Заранее спасибо!

Answer 1

[Kovalsky]

Например, с помощью clip-path + shape-outside, как-то так.

Answer 2

[Ankhena]

В один div
https://jsfiddle.net/Ankhena/4bzutwac/
угол и размеры под себя адаптируйте

Можно не вторым фоном, а к ::after.

div {
    width: 80%;
    height: 300px;
    margin: 20px auto;
    background: linear-gradient(to right top, transparent 49.8%, #fff 50.2%) no-repeat right / 100px 100%, url(http://zastavok.net/main/priroda/1446112087.jpg) no-repeat top center / cover;
}

Answer 3

[xmoonlight]

bennettfeely.com/clippy