Tweak animation to be direction-agnostic

Background-position does not have logical properties so it will fail on vertical reading modes.

diff --git a/index.html b/index.html
index 48d8bc7cbea46e482abff0a5e086fc997af327d4..c3cff0672ba12b5a683403d14cd1ac5e77e2b506 100644 (file)
--- a/index.html
+++ b/index.html
@@ -24,18 +24,14 @@
 
     .skeleton-line {
       block-size: 1rem;
-      background: linear-gradient(90deg, black, white, black);
-      background-size: 200%;
-      animation: 1s linear infinite alternate shimmer;
+      margin-block: 1rem;
+      animation: shimmer 1s alternate infinite;
+      background: hsl(0deg 0% 50%);
     }
 
     @keyframes shimmer {
-      from {
-        background-position-x: 0%;
-      }
-
-      to {
-        background-position-x: 100%;
+      100% {
+        background: hsl(0deg 0% 85%);
       }
     }