Задать вопрос
mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)
верстка

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

5c80d4e297022517546282.jpeg

Все добрый день. Интересует вопрос, как сделать такой Header , у которого такая стрелочка треугольная внизу.
Чтобы фоновый рисунок попадал в этот треугольник .. Там будет даже не картинка, а видео, поэтому вариант сделать картинку с вырезом не подходит
  • Вопрос задан
  • 197 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
RAX7
@RAX7
можно и без before/after
Ответ написан
Комментировать
Комментировать
hzzzzl
@hzzzzl
before / after

https://codepen.io/anon/pen/XGMdxz
Ответ написан
6 комментариев
6 комментариев
Madeas
@Madeas
UI / UX Designer, Frontend Developer
сделайте через clip-path. Это самое легкое и не нужны будут всякие псевдоклассы. Для поддержки продублируйте с -webkit-clip-path
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Fullstack разработчик
indiweb • Санкт-Петербург
от 25 000 до 45 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Помочь с настройкой api на Excel
04 мая 2024, в 20:37
2000 руб./за проект
Завести цели в google ads и проконтролировать, что они рабочие
04 мая 2024, в 20:13
2000 руб./за проект
Настроить 1 C
04 мая 2024, в 19:54
5000 руб./за проект
Ещё заказы