layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_both.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!doctype html>
<meta charset="utf-8">
<title>prefers-reduced-motion</title>
<style>
div {
  width: 100px;
  height: 100px;
  background-color: red;
}

@media (prefers-reduced-motion: no-preference) {
  div { background-color: green; }
}

@media (prefers-reduced-motion) {
  div { background-color: green; }
}
</style>
<div></div>