vladislav_boychenko
@vladislav_boychenko
Купаюсь в гривнах

Как бы вы верстали такие элементы на сайте?

Доброго времени суток!
Не знаю, как правильно (и даже как неправильно) сверстать один момент. Ссылка: i.piccy.info/i9/3f6d5fbda7ab3cff413ee66502d46542/1...
Имеются ввиду треугольники по бокам от сайта. Сложность в том, что они одновременно на двух разных секциях, у которых разный бэкграунд + макет по ширине 1920рх, соответственно, если экран 1366рх, то они должны быть еле видны, только кончики, а не полностью.
Надеюсь, объяснил понятно. Спасибо!
  • Вопрос задан
  • 650 просмотров
Пригласить эксперта
Ответы на вопрос 3
Способов несколько:
1. Юзать :before,:after, задавать для них 100% высоту (т.е псевдоэлементы крепим к body), для этих псевдоэлементов уже добавлять параметры background-image и тд. Ну и собственно прячем все это с помощью (left: -50%; right:-50% {значения меняете}). Собственно все.
2. Все то же самое, только нарезаете треугольники и крепите каждый к нужной секции на сайте, но скорее всего у вас цельный бэкграунд, поэтому см. пункт 1.
Ответ написан
Комментировать
Вырезать этот треугольник в png с шириной в 1920px прижать к нужному краю с position: absolute.

И "background-position: left center" или right. В зависимости от стороны.
Ответ написан
Комментировать
@AtNeoPhyte
Можно заморочиться и вырезать через clip-path
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
PERX Нижний Новгород
До 50 000 ₽