design

View Transitions API: мягкая смена темы оформления

View Transitions API: мягкая смена темы оформления

Вызов document.startViewTransition(() => updateDOM()) анимирует снимок старого и нового состояния — приятная смена light/dark на витрине без полной перезагрузки.

Именуйте группы через view-transition-name на hero и карточках, чтобы не анимировать всю страницу одним пятном.

- [View Transition API — MDN](https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API) — Same-document transitions.

- [Same-document view transitions — web.dev](https://web.dev/articles/view-transitions) — Практики.

---

## Ограничения

Не оборачивайте тяжёлые сетки каталога без необходимости — transition дороже на тысячах узлов.

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

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

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