Как сделать css фигуру «соты» и задать ей фон-картинку?

Question

[Петр Сергеев]

Нашли код как сделать соты, но вот в итоге что получилось
https://codepen.io/Icat/pen/WPXPBG
а нужно, чтобы вместо красных треугольников было продолжение фона

Answer 1

[Валентин]

Нет, потому что красные треугольник это border раздутый до 100px
Мне кажется лучше такое реализовать через clip-path: polygon(....);

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

Comments

[Петр Сергеев]

просто не хотелось бы сторонний плагин подключать

[Валентин]

223606322, Это CSS

img {
   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

[Петр Сергеев]

Валентин, огромное спасибо

Answer 2

[shmatuan]

По запросу "hexagon css with image" много всего есть)
jsfiddle.net/kizu/bhGn4

Comments

[Петр Сергеев]

спасибо