View Transitions API
API браузера, который фотографирует страницу до и после изменения и сам анимирует переход между снимками, в том числе при настоящей загрузке новой страницы.
Вызов document.startViewTransition(callback) делает снимок текущего вида, выполняет ваше обновление DOM, снимает ещё раз и плавно перекрёстно затемняет один кадр в другой. Для более сложного эффекта элементам, которые нужно связать, задают view-transition-name — например, миниатюре в списке и той же картинке на странице детали, — и браузер плавно перемещает одно в другое. Анимациями управляют обычным CSS через псевдоэлементы ::view-transition-old и ::view-transition-new. Самое интересное — межстраничный вариант, включаемый CSS-правилом: он даёт многостраничным сайтам плавные переходы, которые раньше были одним из главных аргументов в пользу построения всего как одностраничного приложения.