| .spin-animation path { | |
| animation: custom 2s 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.5s; | |
| } | |
| .spin-animation path:nth-child(3) { | |
| animation-delay: 1s; | |
| } | |
| .spin-animation path:nth-child(4) { | |
| animation-delay: 2s; | |
| } | |