fix(index.html): 🐛 删除重复的样式

This commit is contained in:
cshaptx4869 2024-02-29 10:28:50 +08:00
parent 5d5d0e46b3
commit 20b018bd15
1 changed files with 1 additions and 20 deletions

View File

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