From 1c4326fdfad075773a6ca4071e2dd2c117f28099 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Fri, 24 May 2024 18:14:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(index.html):=20:recycle:=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20loading=20=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 39 +++++++++++++++++----------------------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index 04528cfc..bd224a67 100644
--- a/index.html
+++ b/index.html
@@ -35,31 +35,26 @@
     }
 
     .loader {
-      position: relative;
-      width: 40px;
-      aspect-ratio: 0.577;
-      overflow: hidden;
-      clip-path: polygon(0 0, 100% 100%, 0 100%, 100% 0);
-      animation: l19 2s infinite linear;
+      --d: 22px;
+
+      width: 4px;
+      height: 4px;
+      color: #25b09b;
+      border-radius: 50%;
+      box-shadow:
+        calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
+        calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
+        calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
+        calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
+        calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
+        calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
+        calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
+      animation: l27 1s infinite steps(8);
     }
 
-    .loader::before {
-      position: absolute;
-      inset: -150%;
-      content: "";
-      background: repeating-conic-gradient(
-        from 30deg,
-        #ffabab 0 60deg,
-        #abe4ff 0 120deg,
-        #ff7373 0 180deg
-      );
-      animation: inherit;
-      animation-direction: reverse;
-    }
-
-    @keyframes l19 {
+    @keyframes l27 {
       100% {
-        transform: rotate(360deg);
+        transform: rotate(1turn);
       }
     }
   </style>