2023-06-13 14:54:12 +08:00

42 lines
541 B
CSS

.spin-animation path {
animation: custom 1s linear infinite;
}
@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) {
animation-delay: 0.25s;
}
.spin-animation path:nth-child(3) {
animation-delay: 0.5s;
}
.spin-animation path:nth-child(4) {
animation-delay: 1s;
}