View Transitions - Declarative
View Transitions enable fancy animations of page items between page navigations. In this tutorial we look at how to configure view transitions using the declarative approach and avoid any Javascript whatsoever.
To enable view transitions this way we need to add a meta tag and also a CSS view transition name property to the element to animate on both the old and new pages.
At the time of recording this is a preview feature in Chrome Canary only and can be enabled by navigating to chrome://flags and the 'View Transition API' and 'View Transition API for navigations' flags.
Should work for both SPA and MPA applications.
Some useful references for additional learning:
https://github.com/WICG/view-transiti...
https://www.w3.org/TR/css-view-transi...
Смотрите видео View Transitions - Declarative онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь A shot of code 27 Декабрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 520 раз и оно понравилось 27 людям.