lisang
/
vue3-element-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #33 from cshaptx4869/patch-5 

fix(index.html): 🐛 删除重复的样式
This commit is contained in:
Ray Hao 2024-02-29 10:42:21 +08:00 committed by GitHub
parent 5d5d0e46b3 20b018bd15
commit 77923c34d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -56,13 +56,11 @@
margin: -12.5px; margin: -12.5px;
background: #03a9f4; background: #03a9f4;
border-radius: 50%; border-radius: 50%;
animation: mesh 3s ease-in-out infinite;
animation: mesh 3s ease-in-out infinite -1.5s; animation: mesh 3s ease-in-out infinite -1.5s;
} }
.mesh-loader > div .circle:last-child { .mesh-loader > div .circle:last-child {
animation-delay: 0s; animation-delay: 0s;
animation-delay: 0s;
} }
.mesh-loader > div { .mesh-loader > div {
@ -73,35 +71,26 @@
.mesh-loader > div:last-child { .mesh-loader > div:last-child {
transform: rotate(90deg); transform: rotate(90deg);
transform: rotate(90deg);
} }
@keyframes mesh { @keyframes mesh {
0% { 0% {
transform: rotate(0); transform: rotate(0);
transform: rotate(0);
transform-origin: 50% -100%;
transform-origin: 50% -100%; transform-origin: 50% -100%;
} }
50% { 50% {
transform: rotate(360deg); transform: rotate(360deg);
transform: rotate(360deg);
transform-origin: 50% -100%;
transform-origin: 50% -100%; transform-origin: 50% -100%;
} }
50.00001% { 50.00001% {
transform: rotate(0deg); transform: rotate(0deg);
transform: rotate(0deg);
transform-origin: 50% 200%;
transform-origin: 50% 200%; transform-origin: 50% 200%;
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
transform: rotate(360deg);
transform-origin: 50% 200%;
transform-origin: 50% 200%; transform-origin: 50% 200%;
} }
} }
@ -109,29 +98,21 @@
@keyframes mesh { @keyframes mesh {
0% { 0% {
transform: rotate(0); transform: rotate(0);
transform: rotate(0);
transform-origin: 50% -100%;
transform-origin: 50% -100%; transform-origin: 50% -100%;
} }
50% { 50% {
transform: rotate(360deg); transform: rotate(360deg);
transform: rotate(360deg);
transform-origin: 50% -100%;
transform-origin: 50% -100%; transform-origin: 50% -100%;
} }
50.00001% { 50.00001% {
transform: rotate(0deg); transform: rotate(0deg);
transform: rotate(0deg);
transform-origin: 50% 200%;
transform-origin: 50% 200%; transform-origin: 50% 200%;
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
transform: rotate(360deg);
transform-origin: 50% 200%;
transform-origin: 50% 200%; transform-origin: 50% 200%;
} }
} }