design

view-transition-class: именованные переходы между страницами

view-transition-class: именованные переходы между страницами

Свойство view-transition-class на корне или секции задаёт имя группы в View Transitions API — можно анимировать hero отдельно от footer при soft-navigate.

Сочетайте с view-transition-name на элементах и @view-transition at-rule в поддерживаемых браузерах.

- [view-transition-class — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/view-transition-class) — Классы переходов.

- [View Transitions — web.dev](https://web.dev/articles/view-transitions) — Обзор API.

---

## Доступность

При prefers-reduced-motion отключайте cross-fade или сокращайте duration до 0.01ms с сохранением смены контента.

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

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

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