Skip to content

Commit

Permalink
[css-view-transitions-1] Don't animate transform/size by default when…
Browse files Browse the repository at this point in the history
… prefers-reduced-motion is on

Closes w3c#10267
  • Loading branch information
noamr committed Oct 3, 2024
1 parent d3db518 commit c49bed8
Showing 1 changed file with 9 additions and 1 deletion.
10 changes: 9 additions & 1 deletion css-view-transitions-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit c49bed8

Please sign in to comment.