Support for prefers-reduced-motion #178

francoischalifour · Aug 3, 2021 · 512ce6d · 512ce6d
1 parent 219a95f
commit 512ce6d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/medium-zoom.css b/src/medium-zoom.css
@@ -30,6 +30,12 @@
   transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .medium-zoom-image {
+    transition: transform 1ms !important;
+  }
+}
+
 .medium-zoom-image--hidden {
   visibility: hidden;
 }