View Transitions
type: TechArticle
description: Animate between states (same-document) or between pages (cross-document) with a single CSS opt-in. Replaces ad-hoc SPA animation libraries with a platform primitive.
language: en
is part of: Web Specification Studio
author: Web Specification Studio
publisher: Web Specification Studio
license: https://creativecommons.org/licenses/by/4.0/
date modified: 2026-07-06T00:00:00.000Z
citation: MDN — View Transition API
  type: CreativeWork
  publisher: MDN
citation: CSS View Transitions Module Level 2
  type: CreativeWork
  publisher: W3C
citation: Chrome for Developers — Same-document view transitions
  type: CreativeWork
  publisher: Google
citation: Chrome for Developers — Cross-document view transitions
  type: CreativeWork
  publisher: Google
citation: WebKit — Cross-document view transitions for every website
  type: CreativeWork
  publisher: WebKit

Web Specification Studio
type: WebSite

Web Specification Studio
type: Organization

breadcrumb
type: BreadcrumbList
item list element: Home
  type: ListItem
  position: 1
  item: https://webspecification.com/
item list element: Spec
  type: ListItem
  position: 2
  item: https://webspecification.com/spec/
item list element: Performance
  type: ListItem
  position: 3
  item: https://webspecification.com/spec/performance/
item list element: View Transitions
  type: ListItem
  position: 4
  item: https://webspecification.com/spec/performance/view-transitions/