View Transitions API

• Same-document: SPA-like transitions без переоткрытия страницы
• Cross-document: transitions между MPA pages (Chrome 126+)
• CSS: ::view-transition-old(*) / ::view-transition-new(*)
• Customize: view-transition-name per element
• Fallback: без support — instant transition без animation

// Plain JS — SPA page switch
function navigate(url) {
  if (!document.startViewTransition) return render(url);
  document.startViewTransition(() => render(url));
}

// CSS custom animation
@keyframes fade-in { from { opacity: 0; } }
::view-transition-new(root) {
  animation: fade-in 0.3s ease;
}

• Streaming SSR
• Edge Runtime