42 lines
538 B
CSS
Raw Normal View History

2023-05-15 08:51:32 +08:00
.spin-animation path {
2023-08-23 12:29:52 +08:00
animation: custom 2s linear infinite;
2023-05-15 08:51:32 +08:00
}
@keyframes custom {
0% {
opacity: 0;
}
25% {
opacity: 0.1;
}
50% {
opacity: 0.2;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.spin-animation path:nth-child(1) {
animation-delay: 0s;
}
.spin-animation path:nth-child(2) {
2023-08-23 12:29:52 +08:00
animation-delay: 0.5s;
2023-05-15 08:51:32 +08:00
}
.spin-animation path:nth-child(3) {
2023-08-23 12:29:52 +08:00
animation-delay: 1s;
2023-05-15 08:51:32 +08:00
}
.spin-animation path:nth-child(4) {
2023-08-23 12:29:52 +08:00
animation-delay: 2s;
2023-06-13 14:54:12 +08:00
}