From 41d037b09de8932c0dd10add31ee0c831436beb3 Mon Sep 17 00:00:00 2001
From: ray_wuhao <443547225@qq.com>
Date: Tue, 4 Apr 2023 15:41:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=A0=E8=BD=BD=E5=8A=A8?=
=?UTF-8?q?=E7=94=BB=E5=B0=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 117 +++++++++++++++++++----------------------------------
1 file changed, 41 insertions(+), 76 deletions(-)
diff --git a/index.html b/index.html
index 7b88dac0..e696bb74 100644
--- a/index.html
+++ b/index.html
@@ -38,37 +38,50 @@
padding-bottom: 48px;
}
- #pre-loading-animation
- .pre-loading-animation__wrapper
- .pre-loading-animation__wrapper-loader {
- margin: 0 0 2em;
- height: 100px;
- width: 20%;
- text-align: center;
- padding: 1em;
- margin: 0 auto 1em;
- display: inline-block;
- vertical-align: top;
+ .pre-loading-animation__wrapper-loading {
+ display: block;
+ position: relative;
+ width: 6px;
+ height: 10px;
+
+ animation: rectangle infinite 1s ease-in-out -0.2s;
+
+ background-color: #ff6700;
}
- #pre-loading-animation
- .pre-loading-animation__wrapper
- .pre-loading-animation__wrapper-loader
- svg
- path,
- #pre-loading-animation
- .pre-loading-animation__wrapper
- .pre-loading-animation__wrapper-loader
- svg
- rect {
- fill: #ff6700;
+ .pre-loading-animation__wrapper-loading:before,
+ .pre-loading-animation__wrapper-loading:after {
+ position: absolute;
+ width: 6px;
+ height: 10px;
+ content: '';
+ background-color: #ff6700;
}
- #pre-loading-animation
- .pre-loading-animation__wrapper
- .pre-loading-animation__wrapper-loader
- svg {
- transform: scale(2);
+ .pre-loading-animation__wrapper-loading:before {
+ left: -14px;
+
+ animation: rectangle infinite 1s ease-in-out -0.4s;
+ }
+
+ .pre-loading-animation__wrapper-loading:after {
+ right: -14px;
+
+ animation: rectangle infinite 1s ease-in-out;
+ }
+
+ @keyframes rectangle {
+ 0%,
+ 80%,
+ 100% {
+ height: 20px;
+ box-shadow: 0 0 #ff6700;
+ }
+
+ 40% {
+ height: 30px;
+ box-shadow: 0 -20px #ff6700;
+ }
}
@@ -76,55 +89,7 @@