1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <svg width="105" height="105" viewBox="0 0 105 105" xmlns="http://www.w3.org/2000/svg" fill="#fff">
- <circle cx="12.5" cy="12.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="0s" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5">
- <animate attributeName="fill-opacity"
- begin="100ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="52.5" cy="12.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="300ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="52.5" cy="52.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="600ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="92.5" cy="12.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="800ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="92.5" cy="52.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="400ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="12.5" cy="92.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="700ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="52.5" cy="92.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="500ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- <circle cx="92.5" cy="92.5" r="12.5">
- <animate attributeName="fill-opacity"
- begin="200ms" dur="1s"
- values="1;.2;1" calcMode="linear"
- repeatCount="indefinite" />
- </circle>
- </svg>
|