grid.svg 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <svg width="105" height="105" viewBox="0 0 105 105" xmlns="http://www.w3.org/2000/svg" fill="#fff">
  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>