Element-scoped view transitions

The startViewTransition() method of an Element object starts a view transition that affects only that element's DOM tree. You can use this to run separate elements' transitions concurrently.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

147

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

147

Supported

Mobile Browser Engine Support

Chrome Android

147

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.Element.activeViewTransition ↗ api.Element.startViewTransition ↗ api.ViewTransition.transitionRoot ↗ css.properties.view-transition-scope ↗ css.properties.view-transition-scope.all ↗ css.properties.view-transition-scope.none ↗