No spinning React logo if prefers-reduced-motion (#7931)

facebook · Nov 6, 2019 · 10daea2 · 10daea2
1 parent d46da89
commit 10daea2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/cra-template/template/src/App.css b/packages/cra-template/template/src/App.css
@@ -3,11 +3,16 @@
 }
 
 .App-logo {
-  animation: App-logo-spin infinite 20s linear;
   height: 40vmin;
   pointer-events: none;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
 .App-header {
   background-color: #282c34;
   min-height: 100vh;