Angular · Middle · Question 64 of 75

How do you animate transitions between routes with the browser's View Transitions API?

provideRouter(routes, withViewTransitions())

✓Correct answer: Enable withViewTransitions() in provideRouter and style the transitions with CSS
2Wrap <router-outlet> in @defer
3It's impossible without a third-party library

Explanation

Browsers without View Transitions support navigate as usual. The ::view-transition-* pseudo-elements control the animation.

Further reading

Angular: Route transition animations ↗

Test yourself

Take the Angular · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.