Intent to prototype: View Transitions Module Level 1

475 views
Skip to first unread message

Boris Chiou

unread,
Aug 13, 2024, 11:58:31 AMAug 13
to dev-pl...@mozilla.org

Summary: View transitions is a new API, along with associated properties and pseudo-elements, which provides authors with an easy and browser native way to animate between two different DOM trees, creating a visual transition, removing the reliance on JavaScript to achieve a similar effect. Here, we cover the L1 spec of this API, which allows animations within the same document (single page applications). This post covers some of the use cases.
Note that the L2 spec allows animating during page navigation, and it is our future work.

BugBug 1823896 (css-view-transitions-1)
Specification: https://drafts.csswg.org/css-view-transitions-1/
Standards Body: CSSWG
Platform coverage: All
Preference: dom.viewTransitions.enabled
DevTools bug: Bug 1909173 (dt-view-transition)
Link to standards-positions discussion: https://github.com/mozilla/standards-positions/issues/677
Other browsers:

web-platform-tests: https://github.com/web-platform-tests/wpt/tree/master/css/css-view-transitions


Thanks,
Boris Chiou

Reply all
Reply to author
Forward
0 new messages