diff --git a/features/active-view-transition.yml b/features/active-view-transition.yml new file mode 100644 index 00000000000..fecef447001 --- /dev/null +++ b/features/active-view-transition.yml @@ -0,0 +1,11 @@ +name: Active view transition +description: The `::active-view-transition` CSS pseudo-class matches the root element when a view transition is active. The `::active-view-transition-type()` CSS pseudo-class matches only when the active view transition was started with the specified type. +spec: https://drafts.csswg.org/css-view-transitions-2/#the-active-view-transition-pseudo +group: + - view-transitions + - selectors +compat_features: + - api.ViewTransition.types + - api.ViewTransitionTypeSet + - css.selectors.active-view-transition + - css.selectors.active-view-transition-type diff --git a/features/active-view-transition.yml.dist b/features/active-view-transition.yml.dist new file mode 100644 index 00000000000..9325a1f01a7 --- /dev/null +++ b/features/active-view-transition.yml.dist @@ -0,0 +1,28 @@ +# Generated from: active-view-transition.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "125" + chrome_android: "125" + edge: "125" +compat_features: + # baseline: false + # support: + # chrome: "125" + # chrome_android: "125" + # edge: "125" + # safari: "18" + # safari_ios: "18" + - css.selectors.active-view-transition + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # chrome: "125" + # chrome_android: "125" + # edge: "125" + - api.ViewTransition.types + - api.ViewTransitionTypeSet + - css.selectors.active-view-transition-type diff --git a/features/cross-document-view-transitions.yml b/features/cross-document-view-transitions.yml new file mode 100644 index 00000000000..d8d64424cf1 --- /dev/null +++ b/features/cross-document-view-transitions.yml @@ -0,0 +1,9 @@ +name: Cross-document view transitions +description: The `@view-transition` CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered. +spec: https://drafts.csswg.org/css-view-transitions-2/#cross-doc-opt-in +group: view-transitions +compat_features: + - api.CSSViewTransitionRule + - api.CSSViewTransitionRule.navigation + - api.CSSViewTransitionRule.types + - css.at-rules.view-transition diff --git a/features/cross-document-view-transitions.yml.dist b/features/cross-document-view-transitions.yml.dist new file mode 100644 index 00000000000..80fb1d059c8 --- /dev/null +++ b/features/cross-document-view-transitions.yml.dist @@ -0,0 +1,14 @@ +# Generated from: cross-document-view-transitions.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "126" + chrome_android: "126" + edge: "126" +compat_features: + - api.CSSViewTransitionRule + - api.CSSViewTransitionRule.navigation + - api.CSSViewTransitionRule.types + - css.at-rules.view-transition diff --git a/features/view-transition-class.yml b/features/view-transition-class.yml new file mode 100644 index 00000000000..ab315121e55 --- /dev/null +++ b/features/view-transition-class.yml @@ -0,0 +1,7 @@ +name: view-transition-class +description: The `view-transition-class` CSS property sets a name that can be used to apply styles to multiple named view transition pseudo-elements. +spec: https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class +group: view-transitions +compat_features: + - css.properties.view-transition-class + - css.properties.view-transition-class.none diff --git a/features/view-transition-class.yml.dist b/features/view-transition-class.yml.dist new file mode 100644 index 00000000000..13c6cc34868 --- /dev/null +++ b/features/view-transition-class.yml.dist @@ -0,0 +1,12 @@ +# Generated from: view-transition-class.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "125" + chrome_android: "125" + edge: "125" +compat_features: + - css.properties.view-transition-class + - css.properties.view-transition-class.none diff --git a/features/view-transitions.yml b/features/view-transitions.yml index 7f566dc81fd..9da96aa953e 100644 --- a/features/view-transitions.yml +++ b/features/view-transitions.yml @@ -1,5 +1,19 @@ name: View transitions -description: View transitions allow you to create animated visual transitions between different states of a document, or between different documents. +description: View transitions allow you to create animated visual transitions between different states of a document. spec: https://drafts.csswg.org/css-view-transitions-1/ caniuse: view-transitions -group: css +group: view-transitions +compat_features: + - api.Document.startViewTransition + - api.ViewTransition + - api.ViewTransition.finished + - api.ViewTransition.ready + - api.ViewTransition.skipTransition + - api.ViewTransition.updateCallbackDone + - css.properties.view-transition-name + - css.properties.view-transition-name.none + - 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 diff --git a/features/view-transitions.yml.dist b/features/view-transitions.yml.dist index 0ab0b0543a7..1e31dcbf2ac 100644 --- a/features/view-transitions.yml.dist +++ b/features/view-transitions.yml.dist @@ -38,3 +38,4 @@ compat_features: - api.ViewTransition.skipTransition - api.ViewTransition.updateCallbackDone - css.properties.view-transition-name + - css.properties.view-transition-name.none diff --git a/groups/view-transitions.yml b/groups/view-transitions.yml new file mode 100644 index 00000000000..9f43f3b3d8d --- /dev/null +++ b/groups/view-transitions.yml @@ -0,0 +1,2 @@ +# Features for managing transitions of properties, elements, and documents +name: View Transitions