View transitions allow you to create animated visual transitions between different states of a document, or between different documents.

Compatibility (view on caniuse.com)

• Chrome 111 Released on 2023-03-07
• Chrome Android 111 Released on 2023-03-07
• Edge 111 Released on 2023-03-13
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.selectors.view-transition
• css.selectors.view-transition-group
• css.selectors.view-transition-image-pair
• css.selectors.view-transition-new
• css.selectors.view-transition-old
• api.Document.startViewTransition
• api.ViewTransition
• api.ViewTransition.finished
• api.ViewTransition.ready
• api.ViewTransition.skipTransition
• api.ViewTransition.updateCallbackDone
• css.properties.view-transition-name