Задать вопрос
@223606322
начинающий web-разработчик
css

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

Нашли код как сделать соты, но вот в итоге что получилось
https://codepen.io/Icat/pen/WPXPBG
а нужно, чтобы вместо красных треугольников было продолжение фона
  • Вопрос задан
  • 1432 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
romanko_vn
@romanko_vn
Нет, потому что красные треугольник это border раздутый до 100px
Мне кажется лучше такое реализовать через clip-path: polygon(....);

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
Ответ написан
3 комментария
3 комментария
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
По запросу "hexagon css with image" много всего есть)
jsfiddle.net/kizu/bhGn4
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
HTML-вёрстка шаблонов для SaaS-сервиса
24 апр. 2024, в 13:45
15000 руб./за проект
Вывести запрос на 25 страницу яндекса
24 апр. 2024, в 13:32
300 руб./за проект
Доработка и поддержка сайта агрегатора на Nuxt + Laravel
24 апр. 2024, в 13:19
300000 руб./за проект
Ещё заказы