Как сделать шестиугольник в который потом вставить картинку?
Есть вот такая наработка: https://jsfiddle.net/ux08j3qe/11/
но не могу вставить в неё фотографию, чтоб она не выходила за границы, была чисто в границах этого шестиугольника. Как мне это сделать
Можно сделать несколько оберток на CSS (пример). Это немного костыльный вариант. Можно взять SVG (пример, уберите анимацию границы и останется чисто шестиугольник). Этот вариант поуниверсальнее будет.