--- title: "CSS Can Now Animate Between Pages" url: https://daily.dev/posts/css-can-now-animate-between-pages-qoytr718n source_url: https://www.youtube.com/watch?v=XH1G58QqPIM type: video:youtube source: "YouTube" published: 2026-07-01T01:43:49.533Z updated: 2026-07-01T01:44:09.591Z tags: ["webdev", "css", "view-transitions"] reading_time: 5 upvotes: 4 comments: 1 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # CSS Can Now Animate Between Pages **[YouTube](https://daily.dev/sources/youtube)** · 5 min read · 4 upvotes · 1 comments ## Summary CSS cross-document view transitions allow smooth animations between separate HTML pages using the @view-transition rule with `navigation: auto`. The tutorial covers default crossfade, custom keyframe animations (slide-in/slide-out), animating only specific page sections using named transition groups, and shared element transitions where an image morphs between its position on a list page and a detail page. Key caveats include: transition names must be unique per page, accessibility requires wrapping transitions in a `prefers-reduced-motion: no-preference` media query, and browser support currently covers Chrome, Edge, and Safari but not Firefox. The feature should be treated as progressive enhancement. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@springtofigh** · 0 upvotes > Great feature added by CSS. Hope it becomes widely available soon. ## Similar posts on daily.dev - [A beginner-friendly guide to view transitions in CSS](https://daily.dev/posts/a-beginner-friendly-guide-to-view-transitions-in-css-3olqhrnhv) · MDN Blog · 4 upvotes · 0 comments - [Effortless animations with CSS view transitions](https://daily.dev/posts/effortless-animations-with-css-view-transitions-i6vuentfc) · Lobsters · 2 upvotes · 0 comments - [Cross-Document View Transitions: The Gotchas Nobody Mentions](https://daily.dev/posts/cross-document-view-transitions-the-gotchas-nobody-mentions-pe5f7amsx) · CSS-Tricks · 13 upvotes · 0 comments - [Cross-Document View Transitions: Scaling Across Hundreds of Elements](https://daily.dev/posts/cross-document-view-transitions-scaling-across-hundreds-of-elements-8ebnbkdye) · CSS-Tricks · 7 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#view-transitions](https://daily.dev/tags/view-transitions) [View this post on daily.dev](https://daily.dev/posts/css-can-now-animate-between-pages-qoytr718n)