# depicter/1.9.2/resources/scripts/loadings/snippets/threeDots/light.html

Depicter — Popup & Slider Builder, version 1.9.2. 69 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.9.2/code/resources/scripts/loadings/snippets/threeDots/light.html
- Raw: https://pluginprobe.com/plugins/depicter/1.9.2/raw/resources/scripts/loadings/snippets/threeDots/light.html
- Modified: 2022-06-01T06:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/depicter/1.9.2/code/resources/scripts/loadings/snippets/threeDots/light.html#L10-L20`.

```html
<svg class="depicter-single-svg-loading" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#fff">
   <circle cx="15" cy="15" r="15">
      <animate
         attributeName="r"
         from="15"
         to="15"
         begin="0s"
         dur="0.8s"
         values="15;9;15"
         calcMode="linear"
         repeatCount="indefinite"
      />
      <animate
         attributeName="fill-opacity"
         from="1"
         to="1"
         begin="0s"
         dur="0.8s"
         values="1;.5;1"
         calcMode="linear"
         repeatCount="indefinite"
      />
   </circle>
   <circle cx="60" cy="15" r="9" fill-opacity="0.3">
      <animate
         attributeName="r"
         from="9"
         to="9"
         begin="0s"
         dur="0.8s"
         values="9;15;9"
         calcMode="linear"
         repeatCount="indefinite"
      />
      <animate
         attributeName="fill-opacity"
         from="0.5"
         to="0.5"
         begin="0s"
         dur="0.8s"
         values=".5;1;.5"
         calcMode="linear"
         repeatCount="indefinite"
      />
   </circle>
   <circle cx="105" cy="15" r="15">
      <animate
         attributeName="r"
         from="15"
         to="15"
         begin="0s"
         dur="0.8s"
         values="15;9;15"
         calcMode="linear"
         repeatCount="indefinite"
      />
      <animate
         attributeName="fill-opacity"
         from="1"
         to="1"
         begin="0s"
         dur="0.8s"
         values="1;.5;1"
         calcMode="linear"
         repeatCount="indefinite"
      />
   </circle>
</svg>

```