How to make a hexagon from an image?

Question

css

there is a picture you need to make a hexagon out of it. I found a solution on the Internet , but it only works if the entire code is copied completely (and that's crooked).

Answer 1

one picture? don't touch css then

Answer 2

htmlbook.ru/blog/maskirovanie-v-css

Answer 3

Using SVG (SVG clip-path for SVG elements) will probably help .

Answer 4

jsfiddle.net/f48ZD/188

Answer 5

It's strange, but no one suggested making it in the form of a block - a rectangle with two pseudo-elements - triangles above and below. Suitable if the height of the image is not greater than the height of the hexagon face.
cssdeck.com/labs/quqilh4i