Как сверстать блок с треугольником?

Question

[Ler Den]

Answer 1

[HamSter]

Например: codepen

Answer 2

[Владислав Лысков]

https://jsfiddle.net/sanster/qxrfxq38/

Answer 3

[prrrrrrr]

CSS:

.block {
background-image: url(https://hsto.org/webt/5c/0f/50/5c0f50b597d13627449350.png);
width: 396px;
height: 396px;
}

HTML:
<div class="block">Hello</div>

Comments

[Владислав Лысков]

это 5

[prrrrrrr]

Владислав Лысков, все гениальное — просто. хотя на самом деле самому интересно

[Владислав Лысков]

prrrrrrr, https://jsfiddle.net/sanster/qxrfxq38/

[Ler Den]

Владислав Лысков, отмечу решением