Как сделать фото в многоугольнике css?

Question

[WebforSelf]

Подскажите как сделать такое фото на css?

Comments

[Rustam Bainazarov]

Каналья!

[Rustam Bainazarov]

SVG-маска или clip-path.

[Сергей delphinpro]

SVG маска, конечно, хрен ли тут думать.

Answer 1

[0xD34F]

погуглил за вас

UPD. Вынесено из комментариев:

Тут сама сложность в том чтоб сделать бордер.

погуглил за вас ещё раз

https://codepen.io/anon/pen/pXEyop?editors=1100

Comments

[WebforSelf]

Тут сама сложность в том чтоб сделать бордер.

[Rustam Bainazarov]

С таким подходом у автора вопроса будет проблема с полупрозрачностью рамки (будет наложение):
https://codepen.io/anon/pen/JQRXJg

[0xD34F]

Рустам Байназаров, да плевать. Дальше пусть гуглит сам.

[Rustam Bainazarov]

WebforSelf, если лень искать и если устраивает поддержка, то вот:


https://bennettfeely.com/clippy/

Answer 2

[Aleksandr]

mask css