putting the animation under a @media query

2026-06-22 13:38:38 +00:00 · 2026-06-15 23:17:45 +02:00
parent 3bcde9f67a
commit fd86561c7f
1 changed files with 6 additions and 2 deletions
@@ -48,8 +48,12 @@
 				height:100px;
 				background:linear-gradient(0deg, #89eafc00 0px, #89ebfc8e 50px, #89eafc00 100px, transparent);
 				display:block;
-				animation: .5s linear 1 slideacross ;
-				rotate:30deg
+				
+				rotate:30deg;
+
+				@media screen and (prefers-reduced-motion: no-preference) { 
+					animation: .5s linear 1 slideacross ;
+				}
 			}
 		}
 	}