Как из картинки сделать шестиугольник?

Question

[Andrey Dyrkov]

есть картинка нужно сделать из неё шестиугольник. Я нашёл решение в интернете,но работает только при полном копированнии всего кода( и то криво).

Answer 1

[olamedia .]

картинка одна? не трогайте css тогда

Answer 2

[Rad1calDreamer]

htmlbook.ru/blog/maskirovanie-v-css

Answer 3

[Евгений Петров]

Вероятно, поможет применение SVG (SVG clip-path for SVG elements).

Answer 4

[Александр Миранович]

jsfiddle.net/f48ZD/188

Comments

[Andrey Dyrkov]

сами видите, криво получилось чутка(

[Александр Миранович]

я вам показал пример, как сделать шестиугольник, дальше сами поправите те моменты какие вам не нравятся, или вы предлагаете за вас все сделать.

Answer 5

[bob_cody]

Странно, но никто не предложил сделать в виде блока - прямоугольника с двумя псевдо-элементами - треугольниками сверху и снизу. Подойдёт, если высота картинки не больше высоты грани шестиугольника.
cssdeck.com/labs/quqilh4i