|
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<html>
|
|
<title>prefers-reduced-motion: no-preference</title>
|
|
<style>
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
div { background-color: green; }
|
|
}
|
|
</style>
|
|
<div></div>
|
|
</html>
|