View Transitions API: плавные переходы между страницами SPA
document.startViewTransition, old/new snapshot и prefers-reduced-motion.
View Transitions позволяют анимировать смену DOM в SPA через snapshot old/new content — без ручного FLIP на каждый route.
При `prefers-reduced-motion: reduce` отключайте или укорачивайте transition.
- View Transition API — MDN — startViewTransition и pseudo-elements.
- Smooth transitions with View Transitions — Chrome for Developers — Same-document и cross-document.
Перфоманс
Длинные transition блокируют interaction — держите duration < 300 ms для navigation.
Тестируйте на low-end Android.