body {
background: #f1f5f9;
/* background: #1E293B; */
}
.dark body {
background: #1E293B;
}
.splash {
display: none;
}
.loading .splash {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.spinner {
margin: auto 0;
width: 70px;
text-align: center;
}
.spinner>div {
width: 18px;
height: 18px;
background-color: #4164F2;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
发表回复