design

background-blend-mode: multiply на hero с фото

background-blend-mode: multiply на hero с фото

Два слоя background-image (фото + фиолетовый градиент) с background-blend-mode: multiply дают глубину без тяжёлого overlay-div.

Проверьте контраст заголовка по WCAG — blend не освобождает от проверки цвета текста.

- [background-blend-mode — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode) — Режимы наложения фона.

- [Blend modes — web.dev](https://web.dev/articles/css-blend-modes) — Обзор blend modes.

---

## Печать

В @media print отключите blend — ч/б печать может дать грязные пятна.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.