Check out Angular’s support for the View Transitions API

[NewsBot]

A new Angular blog post/announcement has been posted!

Two colorful web pages representing a transition

When a user navigates from one route to another, the Angular Router maps the URL path to the relevant component and displays its view. Animating this route transition can greatly enhance the user experience. In version 17, the Router now has support for the View Transitions API when navigating between routes in Chrome/Chromium browsers.

How View Transitions work

The native browser method that’s used for view transitions is document.startViewTransition. When startViewTransition() is called, the browser captures the current state of the page which includes taking a screenshot. The method takes a callback that updates the DOM and this function can be asynchronous. The new state...

Get the full details here: https://blog.angular.io/check-out-angulars-support-for-the-view-transitions-api-3937376cfc19?source=rss----447683c3d9a3---4