@KRHD

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

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

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

Войти через центр авторизации
Похожие вопросы