mq_prefers_reduced_motion_both.html (331B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>prefers-reduced-motion</title> 4 <style> 5 div { 6 width: 100px; 7 height: 100px; 8 background-color: red; 9 } 10 11 @media (prefers-reduced-motion: no-preference) { 12 div { background-color: green; } 13 } 14 15 @media (prefers-reduced-motion) { 16 div { background-color: green; } 17 } 18 </style> 19 <div></div>