Свойство 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 с сохранением смены контента.