Задать вопрос
@KRHD

Как сделать шестиугольник в который потом вставить картинку?

Есть вот такая наработка:
https://jsfiddle.net/ux08j3qe/11/
но не могу вставить в неё фотографию, чтоб она не выходила за границы, была чисто в границах этого шестиугольника. Как мне это сделать
  • Вопрос задан
  • 1816 просмотров
Подписаться 2 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
@the_wind96
Вот сделай и не заморачивайся ТЫК
Ответ написан
Комментировать
@Bondi
зависит от необходимой поддержки, можно и clip-path использовать. Или через SVG маску css.yoksel.ru/svg-masks
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Можно сделать несколько оберток на CSS (пример). Это немного костыльный вариант. Можно взять SVG (пример, уберите анимацию границы и останется чисто шестиугольник). Этот вариант поуниверсальнее будет.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы