# depicter/1.3.0/resources/scripts/loadings/snippets/puff/light.html

Depicter — Popup & Slider Builder, version 1.3.0. 49 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.3.0/code/resources/scripts/loadings/snippets/puff/light.html
- Raw: https://pluginprobe.com/plugins/depicter/1.3.0/raw/resources/scripts/loadings/snippets/puff/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.3.0/code/resources/scripts/loadings/snippets/puff/light.html#L10-L20`.

```html
<svg class="depicter-single-svg-loading" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#fff">
   <g fill="none" fill-rule="evenodd" stroke-width="2">
      <circle cx="22" cy="22" r="1">
         <animate
            attributeName="r"
            begin="0s"
            dur="1.8s"
            values="1; 20"
            calcMode="spline"
            keyTimes="0; 1"
            keySplines="0.165, 0.84, 0.44, 1"
            repeatCount="indefinite"
         />
         <animate
            attributeName="stroke-opacity"
            begin="0s"
            dur="1.8s"
            values="1; 0"
            calcMode="spline"
            keyTimes="0; 1"
            keySplines="0.3, 0.61, 0.355, 1"
            repeatCount="indefinite"
         />
      </circle>
      <circle cx="22" cy="22" r="1">
         <animate
            attributeName="r"
            begin="-0.9s"
            dur="1.8s"
            values="1; 20"
            calcMode="spline"
            keyTimes="0; 1"
            keySplines="0.165, 0.84, 0.44, 1"
            repeatCount="indefinite"
         />
         <animate
            attributeName="stroke-opacity"
            begin="-0.9s"
            dur="1.8s"
            values="1; 0"
            calcMode="spline"
            keyTimes="0; 1"
            keySplines="0.3, 0.61, 0.355, 1"
            repeatCount="indefinite"
         />
      </circle>
   </g>
</svg>

```