From c49bed835aa69e7539b250b005f4e84cb7c222f5 Mon Sep 17 00:00:00 2001
From: Noam Rosenthal <noamr@users.noreply.github.com>
Date: Thu, 3 Oct 2024 10:50:30 +0100
Subject: [PATCH] [css-view-transitions-1] Don't animate transform/size by
 default when prefers-reduced-motion is on

Closes #10267
---
 css-view-transitions-1/Overview.bs | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/css-view-transitions-1/Overview.bs b/css-view-transitions-1/Overview.bs
index 005c684ca3f..3384922ed2a 100644
--- a/css-view-transitions-1/Overview.bs
+++ b/css-view-transitions-1/Overview.bs
@@ -1538,6 +1538,14 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
 								backdrop-filter: <var>backdropFilter</var>;
 							}
 						}
+
+						@media (prefers-reduced-motion) {
+							@keyframes -ua-view-transition-group-anim-<var>transitionName</var> {
+								from {
+									backdrop-filter: <var>backdropFilter</var>;
+								}
+							}
+						}
 					</pre>
 
 					Note: The above code example contains variables to be replaced.
@@ -1987,7 +1995,7 @@ Changes from <a href="https://www.w3.org/TR/2023/WD-css-view-transitions-1-20230
 * Fix scoping to match name instead of element. See <a href="https://github.com/w3c/csswg-drafts/issues/10145">issue 10145</a>.
 * Add a rendering characteristics note about out-of-viewport elements. See <a href="https://github.com/w3c/csswg-drafts/issues/8282">issue 8282</a>.
 * Swap the order of invoking the update callback and setting the phase. See <a href="https://github.com/w3c/csswg-drafts/issues/10822">issue 10822</a>.
-
+* Don't animate transform/size by default when `prefers-reduced-motion` is on. See <a href="https://github.com/w3c/csswg-drafts/issues/10267">issue 10267</a>.
 <h3 id="changes-since-2022-05-25">
 Changes from <a href="https://www.w3.org/TR/2023/WD-css-view-transitions-1-20230525/">2022-05-25 Working Draft</a>
 </h3>