Как сверстать вот такую маску на картинку?

Question

[Семен Борисов]

Как сверстать маску, которая будет отображаться вот так?

Answer 1

[Николай Шабалин]

Немного костылёво, но вот - codepen.io/aurfon/pen/PwOXwz

Comments

[Семен Борисов]

Круто! Большое спасибо :)

Answer 2

[Александр Таратин]

Картинка треугольника +
htmlbook.ru/css/background-repeat

Comments

[Семен Борисов]

А как сделать, чтобы он накрывал собой часть картинки?

[Александр Таратин]

Семен Борисов: htmlbook.ru/css/z-index

[Семен Борисов]

Александр Таратин: да нет же, фон нашего треугольника неоднородный, на него нужно наложить картинку. Можешь попробовать сверстать на каком-нибудь элементарном примере подобное?

Answer 3

[Dmitry Bay]

конкретней пожалуйста.

у вас вероятнее всего такая вложенность:



где на div выставлен border в виде картинки.