style.css 538 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .spin-animation path {
  2. animation: custom 2s linear infinite;
  3. }
  4. @keyframes custom {
  5. 0% {
  6. opacity: 0;
  7. }
  8. 25% {
  9. opacity: 0.1;
  10. }
  11. 50% {
  12. opacity: 0.2;
  13. }
  14. 75% {
  15. opacity: 0.5;
  16. }
  17. 100% {
  18. opacity: 1;
  19. }
  20. }
  21. .spin-animation path:nth-child(1) {
  22. animation-delay: 0s;
  23. }
  24. .spin-animation path:nth-child(2) {
  25. animation-delay: 0.5s;
  26. }
  27. .spin-animation path:nth-child(3) {
  28. animation-delay: 1s;
  29. }
  30. .spin-animation path:nth-child(4) {
  31. animation-delay: 2s;
  32. }