From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 6 Feb 2022 00:30:51 +0000 (-0800)
Subject: Update animation shorthand to match default order
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=120fdc190cf67cebbf5d0f11936d2026c8c31c02;p=css-loaders

Update animation shorthand to match default order
---

diff --git a/index.html b/index.html
index 2058f3c..699d0f1 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
     .skeleton-line {
       block-size: 1rem;
       margin-block: 1rem;
-      animation: shimmer 1s alternate infinite;
+      animation: shimmer 1s infinite alternate;
       background: hsl(0deg 0% 50%);
     }
 
@@ -42,7 +42,7 @@
     .skeleton-inline-square {
       inline-size: 1em;
       block-size: 1em;
-      animation: shimmer 1s alternate infinite;
+      animation: shimmer 1s infinite alternate;
       background: hsl(0deg 0% 50%);
     }
 
@@ -50,14 +50,14 @@
       inline-size: 1em;
       block-size: 1em;
       border-radius: 1em;
-      animation: shimmer 1s alternate infinite;
+      animation: shimmer 1s infinite alternate;
       background: hsl(0deg 0% 50%);
     }
 
     .skeleton-inline-line {
       flex-grow: 1;
       block-size: 1em;
-      animation: shimmer 1s alternate infinite;
+      animation: shimmer 1s infinite alternate;
       background: hsl(0deg 0% 50%);
     }
 
@@ -93,7 +93,7 @@
           hsl(219deg 83% 81%) 79%,
           hsl(216deg 100% 85%) 100%);
       background-size: 400%;
-      animation: shiftRight linear 3s alternate infinite;
+      animation: shiftRight 3s linear infinite alternate;
     }
 
     @keyframes shiftRight {