grid.svg 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <svg width="105" height="105" viewBox="0 0 105 105" xmlns="http://www.w3.org/2000/svg" fill="#5bc0de">
  2. <circle cx="12.5" cy="12.5" r="12.5">
  3. <animate attributeName="fill-opacity"
  4. begin="0s" dur="1s"
  5. values="1;.2;1" calcMode="linear"
  6. repeatCount="indefinite" />
  7. </circle>
  8. <circle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5">
  9. <animate attributeName="fill-opacity"
  10. begin="100ms" dur="1s"
  11. values="1;.2;1" calcMode="linear"
  12. repeatCount="indefinite" />
  13. </circle>
  14. <circle cx="52.5" cy="12.5" r="12.5">
  15. <animate attributeName="fill-opacity"
  16. begin="300ms" dur="1s"
  17. values="1;.2;1" calcMode="linear"
  18. repeatCount="indefinite" />
  19. </circle>
  20. <circle cx="52.5" cy="52.5" r="12.5">
  21. <animate attributeName="fill-opacity"
  22. begin="600ms" dur="1s"
  23. values="1;.2;1" calcMode="linear"
  24. repeatCount="indefinite" />
  25. </circle>
  26. <circle cx="92.5" cy="12.5" r="12.5">
  27. <animate attributeName="fill-opacity"
  28. begin="800ms" dur="1s"
  29. values="1;.2;1" calcMode="linear"
  30. repeatCount="indefinite" />
  31. </circle>
  32. <circle cx="92.5" cy="52.5" r="12.5">
  33. <animate attributeName="fill-opacity"
  34. begin="400ms" dur="1s"
  35. values="1;.2;1" calcMode="linear"
  36. repeatCount="indefinite" />
  37. </circle>
  38. <circle cx="12.5" cy="92.5" r="12.5">
  39. <animate attributeName="fill-opacity"
  40. begin="700ms" dur="1s"
  41. values="1;.2;1" calcMode="linear"
  42. repeatCount="indefinite" />
  43. </circle>
  44. <circle cx="52.5" cy="92.5" r="12.5">
  45. <animate attributeName="fill-opacity"
  46. begin="500ms" dur="1s"
  47. values="1;.2;1" calcMode="linear"
  48. repeatCount="indefinite" />
  49. </circle>
  50. <circle cx="92.5" cy="92.5" r="12.5">
  51. <animate attributeName="fill-opacity"
  52. begin="200ms" dur="1s"
  53. values="1;.2;1" calcMode="linear"
  54. repeatCount="indefinite" />
  55. </circle>
  56. </svg>