Перейти к содержанию

CSS

Использование View Transition API

В этой статье объясняется теория работы View Transition API, как создавать переходы представлений и настраивать анимации переходов, а также как управлять активными переходами. Здесь рассматриваются переходы представлений как для обновлений состояния DOM в одностраничных приложениях (SPA), так и для навигации между документами в многостраничных приложениях (MPA).

Простой гайд по View Transitions

Представьте, что ваш сайт мог бы плавно анимировать переходы между страницами — скажем, с index.html на about.html — без резкой перезагрузки. Это стало возможным благодаря поддержке View Transition API в современных браузерах.